diff --git a/lectures/2.2_data_properties/exercises/22_data_properties.ipynb b/lectures/2.2_data_properties/exercises/22_data_properties.ipynb
new file mode 100644
index 0000000..3db60cb
--- /dev/null
+++ b/lectures/2.2_data_properties/exercises/22_data_properties.ipynb
@@ -0,0 +1,271112 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "id": "ed11b495-af52-4786-9673-02ec4dc5dace",
+   "metadata": {
+    "tags": []
+   },
+   "source": [
+    "<img src=\"https://raw.githubusercontent.com/EO-College/cubes-and-clouds/main/icons/cnc_3icons_process_circle.svg\"\n",
+    "     alt=\"Cubes & Clouds logo\"\n",
+    "     style=\"float: center; margin-right: 10px;\" />"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "98c77bf3-6f21-49d8-8a28-baf9494bcaf0",
+   "metadata": {},
+   "source": [
+    "# 2.2 Data Discovery & Properties\n",
+    "\n",
+    "## GDAL and Data properties"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "id": "b36b0531-425a-446f-8871-d7e2172a89fd",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [],
+   "source": [
+    "from osgeo import gdal\n",
+    "from pystac_client import Client\n",
+    "\n",
+    "import rasterio\n",
+    "import numpy as np\n",
+    "import matplotlib.pyplot as plt"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "965add0d-4829-493a-aaa0-3c8950ad56de",
+   "metadata": {},
+   "source": [
+    "## STAC"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "335d898f-2455-4b1d-a82d-bc970a065d8d",
+   "metadata": {},
+   "source": [
+    "### Querying Sentinel-2 Data from a STAC API\n",
+    "\n",
+    "In this exercise, we will connect to a public STAC API and search for Sentinel-2 Level-2A products over a specific area (Sardinia) and time range (September 2023). We will filter the results to include only those items with less than or equal to 20% cloud cover. The code retrieves all matching items and prints the number of results, as well as the unique IDs of the returned items. This demonstrates how to query a geospatial data catalog programmatically using the `pystac-client` library- [which documentation can be found here](https://pystac-client.readthedocs.io/).\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "id": "515b0027-10f5-4858-976f-5aad8ffdb7ca",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Number of items found: 22\n",
+      "S2A_32TNK_20230930_0_L2A\n",
+      "S2A_32TML_20230930_0_L2A\n",
+      "S2A_32TNL_20230930_0_L2A\n",
+      "S2B_32TNK_20230928_0_L2A\n",
+      "S2B_32TMK_20230925_0_L2A\n",
+      "S2B_32TMK_20230915_0_L2A\n",
+      "S2B_32TML_20230915_0_L2A\n",
+      "S2B_32TNL_20230915_0_L2A\n",
+      "S2A_32TMK_20230910_0_L2A\n",
+      "S2A_32TNK_20230910_0_L2A\n",
+      "S2A_32TNL_20230910_0_L2A\n",
+      "S2B_32TMK_20230908_0_L2A\n",
+      "S2B_32TNK_20230908_0_L2A\n",
+      "S2B_32TML_20230908_0_L2A\n",
+      "S2B_32TNL_20230908_0_L2A\n",
+      "S2B_32TMK_20230905_0_L2A\n",
+      "S2B_32TNK_20230905_0_L2A\n",
+      "S2B_32TML_20230905_0_L2A\n",
+      "S2B_32TNL_20230905_0_L2A\n",
+      "S2A_32TNK_20230903_0_L2A\n",
+      "S2A_32TML_20230903_0_L2A\n",
+      "S2A_32TNL_20230903_0_L2A\n"
+     ]
+    }
+   ],
+   "source": [
+    "\n",
+    "# Connect to a public STAC API (e.g., Sentinel-2)\n",
+    "catalog = Client.open(\"https://earth-search.aws.element84.com/v1\")\n",
+    "\n",
+    "# Search for Sentinel-2 items over a specific area and date range\n",
+    "items = catalog.search(\n",
+    "    collections=[\"sentinel-2-l2a\"],\n",
+    "    datetime=\"2023-09-01/2023-09-30\",\n",
+    "    bbox=[8.0, 40.0, 9.0, 41.0],  # Example bounding box for Sardinia\n",
+    "    query={\"eo:cloud_cover\": {\"lte\": 20}}\n",
+    ").item_collection()\n",
+    "\n",
+    "# Print the number of items found\n",
+    "print(f\"Number of items found: {len(items)}\")\n",
+    "\n",
+    "# Display the IDs of the found items\n",
+    "for item in items:\n",
+    "    print(item.id)\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "4272e7f0-9a32-4eba-88f5-c6f0f8b56c49",
+   "metadata": {},
+   "source": [
+    "## Filtering by metadata"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "c9459643-6afc-4821-992d-4b5655361222",
+   "metadata": {},
+   "source": [
+    "### Exploring STAC Collections and Querying Sentinel-2 Data\n",
+    "\n",
+    "In this exercise, we will connect to a STAC API and explore available data collections. After listing the available collections, we will perform a query to search for Sentinel-2 Level-2A products over a specific area (Sardinia) and time range (September 2023), filtering the results by cloud cover (<= 20%). For each item found, the code will display key metadata including the item ID, acquisition date, cloud cover percentage, and geometry. This demonstrates how to explore and query data in a STAC API using Python.\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "id": "75572092-db1c-4c2c-b668-a4390595d94c",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Available Collections:\n",
+      "sentinel-2-pre-c1-l2a\n",
+      "cop-dem-glo-30\n",
+      "naip\n",
+      "cop-dem-glo-90\n",
+      "landsat-c2-l2\n",
+      "sentinel-2-l2a\n",
+      "sentinel-2-l1c\n",
+      "sentinel-2-c1-l2a\n",
+      "sentinel-1-grd\n",
+      "ID: S2A_32TNK_20230930_0_L2A\n",
+      "Date: 2023-09-30 10:19:46.535000+00:00\n",
+      "Cloud Cover: 0.000919%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999775264333298, 40.650847506566784], [8.99977850198158, 39.66161596790567], [10.279630591063311, 39.65456644304081], [10.298328663178303, 40.64354834012356], [8.999775264333298, 40.650847506566784]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TML_20230930_0_L2A\n",
+      "Date: 2023-09-30 10:19:35.271000+00:00\n",
+      "Cloud Cover: 0.817908%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.497392318630403, 41.550737256687974], [8.19162783750282, 40.55993074379032], [9.115279767345573, 40.56270140747389], [9.117019627222117, 41.55177612128904], [8.497392318630403, 41.550737256687974]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TNL_20230930_0_L2A\n",
+      "Date: 2023-09-30 10:19:32.132000+00:00\n",
+      "Cloud Cover: 2.576717%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999772171826388, 41.55183566226867], [8.999775559208363, 40.56275892201299], [10.29662571157224, 40.555482279926174], [10.31618825636783, 41.544302667202295], [8.999772171826388, 41.55183566226867]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TNK_20230928_0_L2A\n",
+      "Date: 2023-09-28 10:29:40.034000+00:00\n",
+      "Cloud Cover: 7.720505%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999775264333298, 40.650847506566784], [8.99977795002617, 39.833769510887024], [9.292332434819746, 40.65047748240507], [8.999775264333298, 40.650847506566784]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TMK_20230925_0_L2A\n",
+      "Date: 2023-09-25 10:19:51.225000+00:00\n",
+      "Cloud Cover: 16.930428%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.222492575499674, 40.64822996035642], [7.921676544095811, 39.65661008084166], [9.11376827154362, 39.661560248682505], [9.115431223935175, 40.650789813976196], [8.222492575499674, 40.64822996035642]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TMK_20230915_0_L2A\n",
+      "Date: 2023-09-15 10:19:50.807000+00:00\n",
+      "Cloud Cover: 17.002597%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.222965370058336, 40.64823314287307], [7.923424486357357, 39.656626297287914], [9.11376827154362, 39.661560248682505], [9.115431223935175, 40.650789813976196], [8.222965370058336, 40.64823314287307]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TML_20230915_0_L2A\n",
+      "Date: 2023-09-15 10:19:36.013000+00:00\n",
+      "Cloud Cover: 6.74169%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.502188512094131, 41.55075812021902], [8.195997989837675, 40.55996124082578], [9.115279767345573, 40.56270140747389], [9.117019627222117, 41.55177612128904], [8.502188512094131, 41.55075812021902]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TNL_20230915_0_L2A\n",
+      "Date: 2023-09-15 10:19:32.880000+00:00\n",
+      "Cloud Cover: 18.041401%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999772171826388, 41.55183566226867], [8.999775559208363, 40.56275892201299], [10.29662571157224, 40.555482279926174], [10.31618825636783, 41.544302667202295], [8.999772171826388, 41.55183566226867]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TMK_20230910_0_L2A\n",
+      "Date: 2023-09-10 10:19:52.899000+00:00\n",
+      "Cloud Cover: 0.321643%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.207590875008538, 40.64812866056417], [7.9078070964601705, 39.65648047503279], [9.11376827154362, 39.661560248682505], [9.115431223935175, 40.650789813976196], [8.207590875008538, 40.64812866056417]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TNK_20230910_0_L2A\n",
+      "Date: 2023-09-10 10:19:49.369000+00:00\n",
+      "Cloud Cover: 0.075534%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999775264333298, 40.650847506566784], [8.99977850198158, 39.66161596790567], [10.279630591063311, 39.65456644304081], [10.298328663178303, 40.64354834012356], [8.999775264333298, 40.650847506566784]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TNL_20230910_0_L2A\n",
+      "Date: 2023-09-10 10:19:34.970000+00:00\n",
+      "Cloud Cover: 0.002104%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999772171826388, 41.55183566226867], [8.999775559208363, 40.56275892201299], [10.29662571157224, 40.555482279926174], [10.31618825636783, 41.544302667202295], [8.999772171826388, 41.55183566226867]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TMK_20230908_0_L2A\n",
+      "Date: 2023-09-08 10:29:48.195000+00:00\n",
+      "Cloud Cover: 0.649665%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[7.81683937707104, 40.64478591807637], [7.833864667645629, 39.65666254645592], [8.92813090969162, 39.662674656093074], [9.060988051052568, 40.043587177209545], [9.114645843648095, 40.189711335780366], [9.115431223935175, 40.650789813976196], [7.81683937707104, 40.64478591807637]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TNK_20230908_0_L2A\n",
+      "Date: 2023-09-08 10:29:41.379000+00:00\n",
+      "Cloud Cover: 0.161971%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999775264333298, 40.650847506566784], [8.99977783848045, 39.86838077155326], [9.278848879893967, 40.65051082935188], [8.999775264333298, 40.650847506566784]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TML_20230908_0_L2A\n",
+      "Date: 2023-09-08 10:29:34.142000+00:00\n",
+      "Cloud Cover: 0.351386%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[7.800563051993233, 41.545579887195935], [7.818391358525933, 40.556716039202904], [9.115279767345573, 40.56270140747389], [9.117019627222117, 41.55177612128904], [7.800563051993233, 41.545579887195935]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TNL_20230908_0_L2A\n",
+      "Date: 2023-09-08 10:29:29.776000+00:00\n",
+      "Cloud Cover: 0.803408%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999772171826388, 41.55183566226867], [8.999775556199037, 40.563659879308545], [9.24801501242498, 40.56445722991215], [9.610742986743157, 41.55021376367156], [8.999772171826388, 41.55183566226867]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TMK_20230905_0_L2A\n",
+      "Date: 2023-09-05 10:19:52.484000+00:00\n",
+      "Cloud Cover: 0.001134%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.213977234817888, 40.648172309696655], [7.914100700338351, 39.65653949217397], [9.11376827154362, 39.661560248682505], [9.115431223935175, 40.650789813976196], [8.213977234817888, 40.648172309696655]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TNK_20230905_0_L2A\n",
+      "Date: 2023-09-05 10:19:48.957000+00:00\n",
+      "Cloud Cover: 5.583691%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999775264333298, 40.650847506566784], [8.99977850198158, 39.66161596790567], [10.279630591063311, 39.65456644304081], [10.298328663178303, 40.64354834012356], [8.999775264333298, 40.650847506566784]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TML_20230905_0_L2A\n",
+      "Date: 2023-09-05 10:19:37.700000+00:00\n",
+      "Cloud Cover: 0.004822%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.492596204694575, 41.550716193452075], [8.186903442291907, 40.55989758869625], [9.115279767345573, 40.56270140747389], [9.117019627222117, 41.55177612128904], [8.492596204694575, 41.550716193452075]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2B_32TNL_20230905_0_L2A\n",
+      "Date: 2023-09-05 10:19:34.557000+00:00\n",
+      "Cloud Cover: 0.049791%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999772171826388, 41.55183566226867], [8.999775559208363, 40.56275892201299], [10.29662571157224, 40.555482279926174], [10.31618825636783, 41.544302667202295], [8.999772171826388, 41.55183566226867]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TNK_20230903_0_L2A\n",
+      "Date: 2023-09-03 10:29:42.436000+00:00\n",
+      "Cloud Cover: 4.798576%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999775264333298, 40.650847506566784], [8.999777861184095, 39.86134097412272], [9.282396951216553, 40.65050220705351], [8.999775264333298, 40.650847506566784]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TML_20230903_0_L2A\n",
+      "Date: 2023-09-03 10:29:35.215000+00:00\n",
+      "Cloud Cover: 16.309458%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[7.800563051993233, 41.545579887195935], [7.818391358525933, 40.556716039202904], [9.115279767345573, 40.56270140747389], [9.117019627222117, 41.55177612128904], [7.800563051993233, 41.545579887195935]]]}\n",
+      "----------------------------------------\n",
+      "ID: S2A_32TNL_20230903_0_L2A\n",
+      "Date: 2023-09-03 10:29:30.846000+00:00\n",
+      "Cloud Cover: 4.443357%\n",
+      "Geometry: {'type': 'Polygon', 'coordinates': [[[8.999772171826388, 41.55183566226867], [8.999775556199157, 40.563659843233395], [9.251065189264992, 40.56392536143633], [9.613620682965037, 41.55019844330848], [8.999772171826388, 41.55183566226867]]]}\n",
+      "----------------------------------------\n"
+     ]
+    }
+   ],
+   "source": [
+    "from pystac_client import Client\n",
+    "\n",
+    "# Connect to a STAC API\n",
+    "catalog = Client.open(\"https://earth-search.aws.element84.com/v1\")\n",
+    "\n",
+    "# List available collections\n",
+    "collections = catalog.get_collections()\n",
+    "print(\"Available Collections:\")\n",
+    "for collection in collections:\n",
+    "    print(collection.id)\n",
+    "\n",
+    "# Search for items in a specific collection\n",
+    "items = catalog.search(\n",
+    "    collections=[\"sentinel-2-l2a\"],\n",
+    "    datetime=\"2023-09-01/2023-09-30\",\n",
+    "    bbox=[8.0, 40.0, 9.0, 41.0],  # Example bounding box for Sardinia\n",
+    "    query={\"eo:cloud_cover\": {\"lte\": 20}}\n",
+    ").item_collection()\n",
+    "\n",
+    "# Display metadata for the found items\n",
+    "for item in items:\n",
+    "    print(f\"ID: {item.id}\")\n",
+    "    print(f\"Date: {item.datetime}\")\n",
+    "    print(f\"Cloud Cover: {item.properties['eo:cloud_cover']}%\")\n",
+    "    print(f\"Geometry: {item.geometry}\")\n",
+    "    print(\"-\" * 40)\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "467d5593-89db-41eb-9939-b5022c0e1dba",
+   "metadata": {},
+   "source": [
+    "## GDAL"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "4d879907-f75f-4188-9f8c-2a25a1bb1874",
+   "metadata": {},
+   "source": [
+    "## Open COG file with red band for the first item and inspect properties"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "9755982d-859a-4dd0-abd6-6f6f58aee4c3",
+   "metadata": {},
+   "source": [
+    "### Accessing and Inspecting a Sentinel-2 Red Band Raster\n",
+    "\n",
+    "In this exercise, we will access the first Sentinel-2 item from a previously retrieved STAC search result and extract the URL for the red band. Using GDAL, we will open the raster file from this URL and inspect its metadata, including the raster size, coordinate reference system (CRS), and geotransform parameters. This demonstrates how to programmatically access specific assets within a STAC item and retrieve relevant geospatial metadata.\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "5a53ac60-9c34-4215-bcde-2d193e8313a1",
+   "metadata": {},
+   "source": [
+    "### Inspect the structure of items, available assets and properties"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "id": "a249dd96-1c47-4413-8b9b-0dd4eb77c60b",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display:list-item;\n",
+       "}\n",
+       ".pystac-key {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       ".pystac-key-value {\n",
+       "    display: inline-block;\n",
+       "    margin: 0px 0.5em 0px 0px;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"FeatureCollection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">features</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 22 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TNK_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T20:45:31.209Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000919</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">161.421137404133</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">45.4580229014601</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.406687</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">36.703816</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">17.434995</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">45.428509</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.02506</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000756</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000146</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.7e-05</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.3e-05</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230930T100811_N0509_R022_T32TNK_20230930T161159.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T16:11:59.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230930T100811_043205_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230930T161159_S20230930T101805_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230930T161159_A043205_T32TNK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.995391544616929</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T10:19:46.535000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/cae7ce43d76d2c05f3aecd130eddc652\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T20:45:31.209Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.99977850198158</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.66161596790567</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.279630591063311</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65456644304081</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.298328663178303</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64354834012356</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNK_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/S2A_32TNK_20230930_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TNK_20230930_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNK_20230930_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/30/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65456644304081</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.298328663178303</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TML_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T19:10:47.516Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.817908</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"ML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">160.038194316028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">44.2986470598101</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0189</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.791827</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.002729</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.012373</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.406247</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.222991</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">54.531389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.00636</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.544807</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.208889</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.064213</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230930T100811_N0509_R022_T32TML_20230930T161159.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T16:11:59.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230930T100811_043205_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230930T161159_S20230930T101805_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230930T161159_A043205_T32TML_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.995391544616929</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T10:19:35.271000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/86d10615c6ed53ee12653673de222c88\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T19:10:47.516Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.497392318630403</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.550737256687974</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.19162783750282</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.55993074379032</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115279767345573</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56270140747389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.497392318630403</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.550737256687974</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TML_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/S2A_32TML_20230930_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TML_20230930_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TML_20230930_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230930_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/30/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.19162783750282</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.55993074379032</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TNL_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T20:42:51.989Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.576717</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">161.635130375826</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">44.5909125323888</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.013248</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.002031</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">25.319117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.513034</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">63.57432</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001523</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.004064</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001251</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.571402</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7e-06</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230930T100811_N0509_R022_T32TNL_20230930T161159.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T16:11:59.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230930T100811_043205_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230930T161159_S20230930T101805_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230930T161159_A043205_T32TNL_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.995391544616929</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T10:19:32.132000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/e71c47e7722fe2fb107256ea2198a4a6\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-30T20:42:51.989Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775559208363</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56275892201299</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.29662571157224</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.544302667202295</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNL_20230930_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/S2A_32TNL_20230930_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TNL_20230930_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNL_20230930_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230930_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/30/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TNK_20230928_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-28T22:09:27.722Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.720505</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">164.434338381642</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">46.7343650561505</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0265</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">90.579498</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.381355</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">58.733803</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32.610866</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.159015</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.394457</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.130664</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018878</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.570963</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230928T101719_N0509_R065_T32TNK_20230928T145710.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-28T14:57:10.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230928T101719_034268_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230928T145710_S20230928T102123_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230928T145710_A034268_T32TNK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.994266903108815</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-28T10:29:40.034000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/e257a02545a3b3a486955f99e8c35630\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-28T22:09:27.722Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.99977795002617</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.833769510887024</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.292332434819746</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.65047748240507</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNK_20230928_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/S2B_32TNK_20230928_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TNK_20230928_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNK_20230928_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230928_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/28/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.833769510887024</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.292332434819746</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TMK_20230925_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-25T17:10:19.115Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">16.930428</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TMK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">158.480476957271</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">46.9196570185856</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0277</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">18.956964</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.180075</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5.712156</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">19.583954</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.694086</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">34.147424</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.748082</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5.181559</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">11.614921</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.133949</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.003795</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230925T100649_N0509_R022_T32TMK_20230925T131655.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-25T13:16:55.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230925T100649_034225_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230925T131655_S20230925T101451_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230925T131655_A034225_T32TMK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.992587149097999</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-25T10:19:51.225000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/1c1271201cc48c579145ea3ffa65718e\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-25T17:10:19.115Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.222492575499674</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64822996035642</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.921676544095811</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65661008084166</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.11376827154362</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.661560248682505</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.222492575499674</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64822996035642</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230925_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/S2B_32TMK_20230925_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TMK_20230925_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230925_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230925_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/25/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.921676544095811</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65661008084166</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TMK_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T20:19:24.349Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">17.002597</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TMK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">155.442535235986</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">50.3559243249295</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0147</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">19.049273</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.05636</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.159034</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">28.427786</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">30.707061</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">23.150779</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.494975</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.11089</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.722032</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15.169676</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.00141</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230915T100639_N0509_R022_T32TMK_20230915T144259.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T14:42:59.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230915T100639_034082_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230915T144259_S20230915T100745_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230915T144259_A034082_T32TMK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.98719701507829</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T10:19:50.807000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/f663424eabd6233c633766252d461a17\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T20:19:24.349Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.222965370058336</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64823314287307</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.923424486357357</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.656626297287914</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.11376827154362</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.661560248682505</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.222965370058336</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64823314287307</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/S2B_32TMK_20230915_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TMK_20230915_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230915_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230915_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/15/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.923424486357357</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.656626297287914</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TML_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T20:17:25.036Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">6.74169</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"ML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">155.784354254039</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">49.5139461183068</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0023</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.138968</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.046655</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.200036</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">19.517486</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20.406155</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">53.04594</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.042039</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.294891</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.118095</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">6.328703</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230915T100639_N0509_R022_T32TML_20230915T144259.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T14:42:59.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230915T100639_034082_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230915T144259_S20230915T100745_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230915T144259_A034082_T32TML_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.98719701507829</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T10:19:36.013000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/c7e7bb0a4bb71c1e342b1344e02db448\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T20:17:25.036Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.502188512094131</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55075812021902</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.195997989837675</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.55996124082578</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115279767345573</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56270140747389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.502188512094131</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55075812021902</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TML_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/S2B_32TML_20230915_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TML_20230915_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TML_20230915_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230915_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/15/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.195997989837675</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.55996124082578</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TNL_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T20:00:45.389Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">18.041401</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">157.51959909341</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">49.8666588958173</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0212</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.155849</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.39962</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">18.64675</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.34894</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">54.201812</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.205557</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.544676</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.72521</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15.771514</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7e-05</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230915T100639_N0509_R022_T32TNL_20230915T144259.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T14:42:59.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230915T100639_034082_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230915T144259_S20230915T100745_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230915T144259_A034082_T32TNL_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.98719701507829</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T10:19:32.880000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/c9a8a39df23db6b3fedb5d4eb33b339c\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-15T20:00:45.389Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775559208363</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56275892201299</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.29662571157224</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.544302667202295</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNL_20230915_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/S2B_32TNL_20230915_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TNL_20230915_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNL_20230915_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230915_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/15/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">8</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TMK_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T19:57:51.493Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.321643</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TMK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">153.791435661069</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">52.0182552116873</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0136</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">17.823209</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.048599</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.180575</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">29.612708</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">34.056664</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">35.697427</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.080894</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.158801</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.118059</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.044783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001486</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230910T100601_N0509_R022_T32TMK_20230910T161500.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T16:15:00.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230910T100601_042919_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230910T161500_S20230910T101420_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230910T161500_A042919_T32TMK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.984648491829775</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T10:19:52.899000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/f542e952f752e166227454f4755d6ecb\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T19:57:51.493Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.207590875008538</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64812866056417</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.9078070964601705</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65648047503279</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.11376827154362</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.661560248682505</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.207590875008538</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64812866056417</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TMK_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/S2A_32TMK_20230910_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TMK_20230910_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TMK_20230910_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2A_32TMK_20230910_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/10/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.9078070964601705</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65648047503279</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">9</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TNK_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T19:55:10.989Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.075534</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">155.576351406322</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">52.3986975643894</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.197491</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045793</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">34.883994</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">19.337119</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">45.426378</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033686</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045554</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.012047</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.017933</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">3e-06</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230910T100601_N0509_R022_T32TNK_20230910T161500.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T16:15:00.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230910T100601_042919_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230910T161500_S20230910T101420_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230910T161500_A042919_T32TNK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.984648491829775</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T10:19:49.369000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/f936785880aa2aa1bb6de95bbb75e329\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T19:55:10.989Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.99977850198158</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.66161596790567</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.279630591063311</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65456644304081</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.298328663178303</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64354834012356</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNK_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/S2A_32TNK_20230910_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TNK_20230910_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNK_20230910_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230910_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/10/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65456644304081</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.298328663178303</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">10</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TNL_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T19:58:03.334Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.002104</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">155.968897081234</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">51.5608032111555</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.070866</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001732</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.572719</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">11.171287</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">66.142273</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038835</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001161</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000249</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000693</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000179</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230910T100601_N0509_R022_T32TNL_20230910T161500.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T16:15:00.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230910T100601_042919_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230910T161500_S20230910T101420_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230910T161500_A042919_T32TNL_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.984648491829775</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T10:19:34.970000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/11a2a5ab90c7fd02e80cf412e0261dc3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-10T19:58:03.334Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775559208363</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56275892201299</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.29662571157224</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.544302667202295</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNL_20230910_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/S2A_32TNL_20230910_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TNL_20230910_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNL_20230910_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230910_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/10/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">11</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TMK_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:41:28.641Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.649665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TMK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">157.002107241955</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">53.4676057954919</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0212</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">3.852582</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.076942</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.593169</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">23.403648</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">26.270419</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">48.850837</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.154688</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.404473</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.187364</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.057828</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000631</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230908T101559_N0509_R065_T32TMK_20230908T150051.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T15:00:51.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230908T101559_033982_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230908T150051_S20230908T102441_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230908T150051_A033982_T32TMK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.983665646455873</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T10:29:48.195000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/0cb8d15d49940f583ef9d5313d8d934a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:41:28.641Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.81683937707104</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64478591807637</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.833864667645629</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65666254645592</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.92813090969162</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.662674656093074</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.060988051052568</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.043587177209545</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.114645843648095</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.189711335780366</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">5</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">6</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.81683937707104</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64478591807637</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/S2B_32TMK_20230908_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TMK_20230908_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230908_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230908_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/8/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.81683937707104</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65666254645592</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">12</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TNK_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:31:09.684Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.161971</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">158.866945518822</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">53.8014478452615</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.002</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">91.394585</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.058797</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.084475</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">59.103692</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.299204</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.179475</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.112389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.097198</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.02429</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.040483</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230908T101559_N0509_R065_T32TNK_20230908T150051.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T15:00:51.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230908T101559_033982_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230908T150051_S20230908T102441_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230908T150051_A033982_T32TNK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.983665646455873</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T10:29:41.379000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/fe5220ddee41895af8e58c5c66e882e5\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:31:09.684Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.99977783848045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.86838077155326</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.278848879893967</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.65051082935188</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNK_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/S2B_32TNK_20230908_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TNK_20230908_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNK_20230908_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230908_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/8/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.86838077155326</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.278848879893967</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">13</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TML_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:43:21.447Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.351386</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"ML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">157.359461334531</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">52.6172079928886</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0184</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.091967</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.23977</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">13.59832</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">14.315547</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">71.322608</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.080401</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.229077</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.108447</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.013862</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230908T101559_N0509_R065_T32TML_20230908T150051.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T15:00:51.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230908T101559_033982_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230908T150051_S20230908T102441_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230908T150051_A033982_T32TML_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.983665646455873</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T10:29:34.142000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/307f66da6967b2bf508de36cc4ea98fc\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:43:21.447Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.800563051993233</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.545579887195935</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.818391358525933</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.556716039202904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115279767345573</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56270140747389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.800563051993233</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.545579887195935</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TML_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/S2B_32TML_20230908_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TML_20230908_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TML_20230908_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230908_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/8/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.800563051993233</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.556716039202904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">14</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TNL_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:33:50.515Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.803408</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">159.217355937507</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">52.9460347900512</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0153</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">67.101526</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.156087</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.460404</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">42.395428</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">18.150601</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">37.878248</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.155018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.459083</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.311438</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.032887</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000807</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230908T101559_N0509_R065_T32TNL_20230908T150051.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T15:00:51.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230908T101559_033982_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230908T150051_S20230908T102441_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230908T150051_A033982_T32TNL_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.983665646455873</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T10:29:29.776000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/4da7f2e25d17e281d3439f5ee0cdf031\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-08T22:33:50.515Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775556199037</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.563659879308545</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.24801501242498</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56445722991215</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.610742986743157</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55021376367156</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNL_20230908_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/S2B_32TNL_20230908_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TNL_20230908_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNL_20230908_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230908_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/8/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.563659879308545</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.610742986743157</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">15</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TMK_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:47:52.363Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001134</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TMK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">152.043242129006</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">53.6244671511069</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0151</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">18.347113</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.04269</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000301</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">31.004241</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">33.567822</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">35.317332</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.063689</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000626</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000122</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000386</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.002792</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230905T100559_N0509_R022_T32TMK_20230905T134324.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T13:43:24.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230905T100559_033939_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230905T134324_S20230905T101047_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230905T134324_A033939_T32TMK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.982221777033531</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T10:19:52.484000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/46c1edc2a889d46604841459144cef49\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:47:52.363Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.213977234817888</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.648172309696655</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.914100700338351</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65653949217397</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.11376827154362</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.661560248682505</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.213977234817888</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.648172309696655</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/S2B_32TMK_20230905_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TMK_20230905_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TMK_20230905_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/MK/2023/9/S2B_32TMK_20230905_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/MK/2023/9/5/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.914100700338351</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65653949217397</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115431223935175</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650789813976196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TNK_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:58:15.849Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5.583691</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">153.874652373089</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">54.0288960819921</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0139</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.207786</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.307972</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">34.369326</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">18.587705</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.733999</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.203898</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">3.060378</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.519574</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.003739</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.005624</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230905T100559_N0509_R022_T32TNK_20230905T134324.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T13:43:24.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230905T100559_033939_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230905T134324_S20230905T101047_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230905T134324_A033939_T32TNK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.982221777033531</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T10:19:48.957000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/0953e25bc34554e89c90eb62f1e647b1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:58:15.849Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.99977850198158</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.66161596790567</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.279630591063311</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65456644304081</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.298328663178303</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.64354834012356</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNK_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/S2B_32TNK_20230905_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TNK_20230905_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNK_20230905_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2B_32TNK_20230905_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/5/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.65456644304081</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.298328663178303</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">17</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TML_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:46:34.067Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.004822</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"ML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">152.498155272604</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">52.8028489706886</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.414986</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027179</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.125694</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.345345</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">55.470204</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026694</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.003174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000329</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.00132</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5.6e-05</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230905T100559_N0509_R022_T32TML_20230905T134324.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T13:43:24.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230905T100559_033939_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230905T134324_S20230905T101047_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230905T134324_A033939_T32TML_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.982221777033531</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T10:19:37.700000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/f34aad663657aebfc4e7249a2121a253\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:46:34.067Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.492596204694575</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.550716193452075</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.186903442291907</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.55989758869625</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115279767345573</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56270140747389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.492596204694575</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.550716193452075</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TML_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/S2B_32TML_20230905_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TML_20230905_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TML_20230905_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2B_32TML_20230905_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/5/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.186903442291907</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.55989758869625</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">18</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_32TNL_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:54:49.608Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2b\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.049791</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">154.326247444174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">53.2010895625453</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0213</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.065302</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.007475</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">22.902064</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.815206</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">66.110677</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.046904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.040172</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.008965</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.000654</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.002585</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_MSIL2A_20230905T100559_N0509_R022_T32TNL_20230905T134324.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T13:43:24.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2B_20230905T100559_033939_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_DS_2BPS_20230905T134324_S20230905T101047_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2B_OPER_MSI_L2A_TL_2BPS_20230905T134324_A033939_T32TNL_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.982221777033531</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T10:19:34.557000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/83f9f83e3b4d35b8aeb6523a13553000\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-05T21:54:49.608Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775559208363</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56275892201299</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.29662571157224</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.544302667202295</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNL_20230905_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/S2B_32TNL_20230905_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2B_32TNL_20230905_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2B_32TNL_20230905_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2B_32TNL_20230905_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/5/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.555482279926174</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10.31618825636783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">19</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TNK_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T20:35:12.009Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4.798576</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNK\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">157.260977387476</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">55.4610312869719</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0006</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">91.224271</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.114366</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001626</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">53.516656</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.262996</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.130661</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.175122</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.055765</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.015312</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4.727498</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230903T101601_N0509_R065_T32TNK_20230903T161904.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T16:19:04.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230903T101601_042819_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230903T161904_S20230903T102222_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230903T161904_A042819_T32TNK_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.981292096200154</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T10:29:42.436000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/e2c7e383c43fbf757f92a7b9fc0f92f6\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T20:35:12.009Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999777861184095</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.86134097412272</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.282396951216553</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.65050220705351</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNK_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/S2A_32TNK_20230903_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TNK_20230903_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNK_20230903_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230903_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NK/2023/9/3/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4500000</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775264333298</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">39.86134097412272</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.282396951216553</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.650847506566784</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">20</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TML_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T20:40:13.524Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">16.309458</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"ML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TML\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">155.756603066343</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">54.2624350779</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0218</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.066705</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.00076</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">11.146227</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15.11423</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">57.266766</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.095759</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.234764</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026383</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">16.048311</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.6e-05</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230903T101601_N0509_R065_T32TML_20230903T161904.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T16:19:04.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230903T101601_042819_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230903T161904_S20230903T102222_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230903T161904_A042819_T32TML_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.981292096200154</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T10:29:35.215000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/004ff4a5eb3cb311a5bb2c6d572f5eea\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T20:40:13.524Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.800563051993233</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.545579887195935</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.818391358525933</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.556716039202904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.115279767345573</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56270140747389</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.800563051993233</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.545579887195935</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TML_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/S2A_32TML_20230903_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TML_20230903_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TML_20230903_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/ML/2023/9/S2A_32TML_20230903_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/ML/2023/9/3/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">399960</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">7.800563051993233</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.556716039202904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.117019627222117</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55177612128904</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">21</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">stac_version</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"1.0.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_32TNL_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">created</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T20:40:41.338Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">platform</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">constellation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">instruments</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">eo:cloud_cover</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4.443357</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">proj:epsg</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32632</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:utm_zone</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">32</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:latitude_band</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"T\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">mgrs:grid_square</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">grid:code</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"MGRS-32TNL\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_azimuth</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">157.669183633742</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">view:sun_elevation</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">54.6138034713427</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:nodata_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">66.856313</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:dark_features_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.196716</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:cloud_shadow_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.055368</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:vegetation_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.114185</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:not_vegetated_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">17.739984</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:water_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">37.029999</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:unclassified_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.420099</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.331777</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.097582</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:thin_cirrus_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4.013998</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:snow_ice_percentage</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.00029</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:processing_baseline</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:product_uri</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_MSIL2A_20230903T101601_N0509_R065_T32TNL_20230903T161904.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:generation_time</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T16:19:04.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"GS2A_20230903T101601_042819_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datatake_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:datastrip_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_DS_2APS_20230903T161904_S20230903T102222_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:granule_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"S2A_OPER_MSI_L2A_TL_2APS_20230903T161904_A042819_T32TNL_N05.09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:reflectance_conversion_factor</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.981292096200154</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">datetime</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T10:29:30.846000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">s2:sequence</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:s3_path</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:payload_id</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"roda-sentinel2/workflow-sentinel2-to-stac/bce725d921f468ff5b9ef584719221e8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">earthsearch:boa_offset_applied</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">True</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">processing:software</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">sentinel2-to-stac</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"0.1.1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">updated</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"2023-09-03T20:40:41.338Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">coordinates</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 5 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">0</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">1</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999775556199157</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.563659843233395</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">2</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.251065189264992</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.56392536143633</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">3</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.613620682965037</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55019844330848</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">4</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">links</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 8 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"self\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNL_20230903_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"canonical\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/S2A_32TNL_20230903_0_L2A.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"derived_from\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l1c/items/S2A_32TNL_20230903_0_L1C\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/geo+json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">4</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"parent\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">5</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">6</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"root\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Earth Search by Element 84\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">7</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">rel</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://earth-search.aws.element84.com/v1/collections/sentinel-2-l2a/items/S2A_32TNL_20230903_0_L2A/thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/granule_metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">thumbnail</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/thumbnail.jpg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jpeg\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Thumbnail image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"thumbnail\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/tileinfo_metadata.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/32/T/NL/2023/9/S2A_32TNL_20230903_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">aot-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">blue-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">coastal-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Coastal aerosol (band 1)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">green-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 1 (band 8)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir08-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 2 (band 8A)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">nir09-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9) - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"NIR 3 (band 9)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">red-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4) - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge1-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge1\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 1 (band 5)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge2-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 2 (band 6)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">rededge3-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge3\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red edge 3 (band 7)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">scl-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir16-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 1 (band 11)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">swir22-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12) - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"SWIR 2 (band 12)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">gsd</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">visual-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">eo:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 3 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Red (band 4)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Green (band 3)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">common_name</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">description</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Blue (band 2)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">center_wavelength</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">full_width_half_max</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">wvp-jp2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">href</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"s3://sentinel-s2-l2a/tiles/32/T/NL/2023/9/3/0/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">title</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"Water vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:shape</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">proj:transform</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 6 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">499980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">-20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">4600020</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">raster:bands</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 1 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-key\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">nodata</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">data_type</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">bits_per_sample</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">15</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">spatial_resolution</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">unit</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">scale</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">offset</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">roles</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 2 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">bbox</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 4 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">8.999772171826388</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">40.563659843233395</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">9.613620682965037</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">41.55183566226867</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\">\n",
+       "            <span class=\"pystac-key\">stac_extensions</span>\n",
+       "            <span style=\"padding-left: 0.5em; color: rgb(64, 128, 128); font-style: italic;\">[] 7 items</span>\n",
+       "        </summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">0</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">1</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">2</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">3</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/grid/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">4</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/processing/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">5</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">6</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li style=\"overflow-wrap: break-word; padding-left: 2.125em; text-indent: -0.5em;\">\n",
+       "            <span class=\"pystac-key pystac-key-value\">collection</span>\n",
+       "            <span style=\"color: rgb(186, 33, 33);\">\"sentinel-2-l2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<pystac.item_collection.ItemCollection at 0x7f4d2ba6f3d0>"
+      ]
+     },
+     "execution_count": 4,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "items"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "id": "a85bd95d-0307-4d88-a380-16337bf4f6d3",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "{'created': '2023-09-30T20:45:31.209Z',\n",
+       " 'platform': 'sentinel-2a',\n",
+       " 'constellation': 'sentinel-2',\n",
+       " 'instruments': ['msi'],\n",
+       " 'eo:cloud_cover': 0.000919,\n",
+       " 'proj:epsg': 32632,\n",
+       " 'mgrs:utm_zone': 32,\n",
+       " 'mgrs:latitude_band': 'T',\n",
+       " 'mgrs:grid_square': 'NK',\n",
+       " 'grid:code': 'MGRS-32TNK',\n",
+       " 'view:sun_azimuth': 161.421137404133,\n",
+       " 'view:sun_elevation': 45.4580229014601,\n",
+       " 's2:degraded_msi_data_percentage': 0,\n",
+       " 's2:nodata_pixel_percentage': 0,\n",
+       " 's2:saturated_defective_pixel_percentage': 0,\n",
+       " 's2:dark_features_percentage': 0.406687,\n",
+       " 's2:cloud_shadow_percentage': 0,\n",
+       " 's2:vegetation_percentage': 36.703816,\n",
+       " 's2:not_vegetated_percentage': 17.434995,\n",
+       " 's2:water_percentage': 45.428509,\n",
+       " 's2:unclassified_percentage': 0.02506,\n",
+       " 's2:medium_proba_clouds_percentage': 0.000756,\n",
+       " 's2:high_proba_clouds_percentage': 0.000146,\n",
+       " 's2:thin_cirrus_percentage': 1.7e-05,\n",
+       " 's2:snow_ice_percentage': 1.3e-05,\n",
+       " 's2:product_type': 'S2MSI2A',\n",
+       " 's2:processing_baseline': '05.09',\n",
+       " 's2:product_uri': 'S2A_MSIL2A_20230930T100811_N0509_R022_T32TNK_20230930T161159.SAFE',\n",
+       " 's2:generation_time': '2023-09-30T16:11:59.000000Z',\n",
+       " 's2:datatake_id': 'GS2A_20230930T100811_043205_N05.09',\n",
+       " 's2:datatake_type': 'INS-NOBS',\n",
+       " 's2:datastrip_id': 'S2A_OPER_MSI_L2A_DS_2APS_20230930T161159_S20230930T101805_N05.09',\n",
+       " 's2:granule_id': 'S2A_OPER_MSI_L2A_TL_2APS_20230930T161159_A043205_T32TNK_N05.09',\n",
+       " 's2:reflectance_conversion_factor': 0.995391544616929,\n",
+       " 'datetime': '2023-09-30T10:19:46.535000Z',\n",
+       " 's2:sequence': '0',\n",
+       " 'earthsearch:s3_path': 's3://sentinel-cogs/sentinel-s2-l2a-cogs/32/T/NK/2023/9/S2A_32TNK_20230930_0_L2A',\n",
+       " 'earthsearch:payload_id': 'roda-sentinel2/workflow-sentinel2-to-stac/cae7ce43d76d2c05f3aecd130eddc652',\n",
+       " 'earthsearch:boa_offset_applied': True,\n",
+       " 'processing:software': {'sentinel2-to-stac': '0.1.1'},\n",
+       " 'updated': '2023-09-30T20:45:31.209Z'}"
+      ]
+     },
+     "execution_count": 5,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "items[0].properties"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+   "id": "7910aad3-9f72-4bdc-9db1-fa754bfc5a94",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [
+    {
+     "name": "stderr",
+     "output_type": "stream",
+     "text": [
+      "/home/conda/cubes-and-clouds/ba3078e498dcb4eb69932f5a147e31562bbe40972bc0300f937fe23191e0b8b0-20240222-085455-136339-389-cubes-and-clouds2/lib/python3.11/site-packages/osgeo/gdal.py:312: FutureWarning: Neither gdal.UseExceptions() nor gdal.DontUseExceptions() has been explicitly called. In GDAL 4.0, exceptions will be enabled by default.\n",
+      "  warnings.warn(\n"
+     ]
+    },
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Raster Size: 10980 x 10980\n",
+      "Projection: PROJCS[\"WGS 84 / UTM zone 32N\",GEOGCS[\"WGS 84\",DATUM[\"WGS_1984\",SPHEROID[\"WGS 84\",6378137,298.257223563,AUTHORITY[\"EPSG\",\"7030\"]],AUTHORITY[\"EPSG\",\"6326\"]],PRIMEM[\"Greenwich\",0,AUTHORITY[\"EPSG\",\"8901\"]],UNIT[\"degree\",0.0174532925199433,AUTHORITY[\"EPSG\",\"9122\"]],AUTHORITY[\"EPSG\",\"4326\"]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"latitude_of_origin\",0],PARAMETER[\"central_meridian\",9],PARAMETER[\"scale_factor\",0.9996],PARAMETER[\"false_easting\",500000],PARAMETER[\"false_northing\",0],UNIT[\"metre\",1,AUTHORITY[\"EPSG\",\"9001\"]],AXIS[\"Easting\",EAST],AXIS[\"Northing\",NORTH],AUTHORITY[\"EPSG\",\"32632\"]]\n",
+      "GeoTransform: (499980.0, 10.0, 0.0, 4500000.0, 0.0, -10.0)\n"
+     ]
+    }
+   ],
+   "source": [
+    "first_item = items[0]\n",
+    "\n",
+    "asset_red_href = first_item.assets['red'].href  # Assuming B04 (red band) is available\n",
+    "\n",
+    "# Open and inspect the raster file\n",
+    "dataset = gdal.Open(asset_red_href)\n",
+    "print(f\"Raster Size: {dataset.RasterXSize} x {dataset.RasterYSize}\")\n",
+    "print(f\"Projection: {dataset.GetProjection()}\")\n",
+    "print(f\"GeoTransform: {dataset.GetGeoTransform()}\")"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "ae38e16f-f652-47e0-8af0-2c73c5b8c890",
+   "metadata": {},
+   "source": [
+    "### Reading Raster Data with GDAL\n",
+    "\n",
+    "In this exercise, we will use GDAL to open a raster file and extract important metadata. The code retrieves the number of bands in the raster, the spatial resolution (pixel size), and the coordinate reference system (CRS). This is a fundamental operation in geospatial analysis, helping us understand the structure and spatial properties of the raster data before performing further analysis.\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 7,
+   "id": "6c0a66ef-77c8-44ac-a330-39998d176a86",
+   "metadata": {
+    "tags": []
+   },
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Number of Bands: 1\n",
+      "Pixel Size: 10.0 x -10.0\n",
+      "Coordinate Reference System: PROJCS[\"WGS 84 / UTM zone 32N\",GEOGCS[\"WGS 84\",DATUM[\"WGS_1984\",SPHEROID[\"WGS 84\",6378137,298.257223563,AUTHORITY[\"EPSG\",\"7030\"]],AUTHORITY[\"EPSG\",\"6326\"]],PRIMEM[\"Greenwich\",0,AUTHORITY[\"EPSG\",\"8901\"]],UNIT[\"degree\",0.0174532925199433,AUTHORITY[\"EPSG\",\"9122\"]],AUTHORITY[\"EPSG\",\"4326\"]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"latitude_of_origin\",0],PARAMETER[\"central_meridian\",9],PARAMETER[\"scale_factor\",0.9996],PARAMETER[\"false_easting\",500000],PARAMETER[\"false_northing\",0],UNIT[\"metre\",1,AUTHORITY[\"EPSG\",\"9001\"]],AXIS[\"Easting\",EAST],AXIS[\"Northing\",NORTH],AUTHORITY[\"EPSG\",\"32632\"]]\n"
+     ]
+    }
+   ],
+   "source": [
+    "# Open a raster file\n",
+    "#raster_file = 'path_to_your_raster_file.tif'\n",
+    "dataset = gdal.Open(asset_red_href)\n",
+    "\n",
+    "# Get the number of bands\n",
+    "bands = dataset.RasterCount\n",
+    "print(f\"Number of Bands: {bands}\")\n",
+    "\n",
+    "# Get spatial resolution\n",
+    "geotransform = dataset.GetGeoTransform()\n",
+    "pixel_width = geotransform[1]\n",
+    "pixel_height = geotransform[5]\n",
+    "print(f\"Pixel Size: {pixel_width} x {pixel_height}\")\n",
+    "\n",
+    "# Get coordinate reference system\n",
+    "projection = dataset.GetProjection()\n",
+    "print(f\"Coordinate Reference System: {projection}\")\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "fa1e4e27-4d21-4635-941d-a067b7045d70",
+   "metadata": {},
+   "source": [
+    "### NDVI Computation Using Windowed Processing to reduce memory consumption\n",
+    "\n",
+    "In this exercise, we compute the Normalized Difference Vegetation Index (NDVI) using a memory-efficient approach by reading and processing the red and near-infrared (NIR) bands in small chunks (windows). Instead of loading the entire image into memory at once, which can be resource-intensive, we process the data block-by-block to reduce memory usage. This is particularly useful when working with large geospatial datasets, such as Sentinel-2 imagery. The NDVI is calculated for each window, and the results are combined to produce the final NDVI image.\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 10,
+   "id": "ae07fa58-fddd-4f76-9556-872d9f8ba454",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "image/png": "iVBORw0KGgoAAAANSUhEUgAAAi4AAAGxCAYAAABFkj3UAAAAOXRFWHRTb2Z0d2FyZQBNYXRwbG90bGliIHZlcnNpb24zLjguMywgaHR0cHM6Ly9tYXRwbG90bGliLm9yZy/H5lhTAAAACXBIWXMAAA9hAAAPYQGoP6dpAAEAAElEQVR4nOy9d5hcZ3n+/zl1zpzps71o1S1Lsmy5V1k2tjFuVIeAAxgCSWihJV9KnIR6BTBffoEvCRAImJgAMcEBg2nuDcu9SZYtq6y02tX22enltPf3xztnZtcyLTYGJ3Nf117SnDnznvecKe99nud+7kcRQgg66KCDDjrooIMOXgBQf98T6KCDDjrooIMOOvhN0SEuHXTQQQcddNDBCwYd4tJBBx100EEHHbxg0CEuHXTQQQcddNDBCwYd4tJBBx100EEHHbxg0CEuHXTQQQcddNDBCwYd4tJBBx100EEHHbxg0CEuHXTQQQcddNDBCwYd4tJBBx100EEHHbxg0CEuf4D4xje+gaIoWJbFgQMHDnv+rLPO4qijjlqybcWKFSiKgqIoqKpKKpVi/fr1vOENb+CGG25Ysu973/teFEXhySef/KVzuOKKK1AUhYceeqg1/sUXX/xr5/5Mc/ufio997GNs2LCBIAjwfZ90Os0FF1xw2H7/+I//iKIovPa1rz3suY9//OMoisJjjz0GyOv8xje+8Tmd51lnncVZZ531nI75u8Rtt92Goijcdtttv3K/8HsS/um6zvDwMG9605uYmJh4fib7e4SiKHzkIx/5nR7j5ptvJh6P/6+4nh28cNAhLn/AaDQa/O3f/u1vvP/pp5/Otm3buPvuu7n22mt55zvfyejoKOeffz6XXnoprusC8OY3vxmAr3/96884ThAEXH311WzevJnjjjvu2Z/I/0AcOnSIK6+8ko997GOoqoqmaWzZsoW77roLz/OW7HvbbbcRi8W49dZbDxvntttuo6uri02bNgHw/e9/n7/7u797Xs7hfwquuuoqtm3bxo033sif/dmf8Z3vfIctW7ZQqVR+31P7nWLbtm285S1v+Z0e45xzzuGkk07ib/7mb36nx+mgg98GHeLyB4yXvOQlfPvb3+bRRx/9jfZPp9OccsopnHLKKZx77rm84x3v4M477+TDH/4w1157bYsEHXXUUZx00kl885vfPGyRBbjhhhsYHx9vEZwODsfnP/950uk0r3zlK1vbzj77bMrlMg888EBrWxAE3HnnnbztbW9jenqaJ554ovWc4zhs27aNs846C0VRADj22GNZvXr183ci/wNw1FFHccopp3D22Wfz4Q9/mPe///2Mjo7ygx/84Je+plqtPn8T/B3hlFNOYXh4+Hd+nHe84x1861vf4uDBg7/zY3XQwW+CDnH5A8b73/9+urq6+MAHPvCsxvnIRz7Cxo0b+ad/+ifq9Togoy5TU1P89Kc/PWz/q666ikgkwp/8yZ88q+OGUBSFd77znVx11VWsW7eOaDTKCSecwD333IMQgs985jOsXLmSeDzOi170Ivbs2bPk9TfeeCMve9nLGB4exrIs1qxZw1/8xV8wNzd32LGuu+46jj76aCKRCKtWreLzn/88H/nIR1rEIIQQgi9+8Yts3ryZaDRKJpPh0ksvZd++fb/2fBzH4Wtf+xqXXXYZqtr+Cp199tkAS1Icjz76KAsLC/z5n/85AwMDS6Iu9957L7VarfU6ODxVFKZNvvOd73DFFVcwODhIMpnk3HPPZdeuXYed05VXXsny5cuxLIvjjjvuGd9fgLGxMV73utfR29tLJBJh/fr1fPaznyUIgtY+J554IhdddNGS123atAlFUbj//vtb2/7rv/4LRVHYvn17a9vu3bu57LLLloz/z//8z4fN48knn+QlL3kJtm3T3d3NW9/6Vkql0jPO+TfFKaecAtBKs77xjW8kHo+zfft2XvziF5NIJDjnnHMAyOVyvP3tb2doaAjTNFm1ahVXXHEFjUZjyZhBEPCFL3yh9XkJbxJ++MMfLtnvmmuu4dRTTyUWixGPxzn//PN5+OGHl+yzb98+XvOa1zA4OEgkEqGvr49zzjmHRx55pLXPLbfcwllnnUVXVxfRaJSRkRFe9apXLSFcT08VhamzW2+9lbe97W10d3fT1dXFK1/5Sg4dOrRkDo1Gg7/6q7+iv78f27Y588wzefDBB58xVXnJJZcQj8f56le/+pu/CR108DtEh7j8ASORSPC3f/u3/PznP+eWW255VmNdcsklVKvVVjTgta99LbZtH5YuWlhY4LrrruMVr3gFmUzmWR1zMa6//nr+9V//lU996lN85zvfoVQqcdFFF/FXf/VX/OIXv+Cf/umf+MpXvsLOnTt51atexeKm5Xv37uXUU0/lS1/6EjfccAN///d/z7333ssZZ5zRSn8B/OxnP+OVr3wlXV1dXHPNNVx55ZV85zvf4d/+7d8Om89f/MVf8J73vIdzzz2XH/zgB3zxi1/k8ccf57TTTmN6evpXnsu9997L/Pz8EsIBcMwxx5DJZJaQk1tvvZWBgQHWrl3LmWeeuYTUhPs9fZxnwt/8zd9w4MAB/vVf/5WvfOUr7N69m0suuQTf91v7fPSjH+UDH/gA5513Hj/4wQ9429vexp/92Z8dRnBmZ2c57bTTuOGGG/j4xz/OD3/4Q84991z++q//mne+852t/c4991zuuOOO1jWenp5mx44dRKNRbrzxxtZ+N910E319fa10186dOznxxBPZsWMHn/3sZ7n++uu56KKLeNe73sVHP/rR1uump6fZunUrO3bs4Itf/CLf/OY3KZfLS+bw30FIfHt6elrbHMfhpS99KS960Yu47rrr+OhHP0q9Xufss8/m6quv5n3vex8//vGPed3rXseVV165JJIGkvy8+93v5sQTT+Saa67hP/7jP3jpS1/K/v37W/v8wz/8A6997WvZsGED3/3ud/nmN79JqVRiy5Yt7Ny5s7XfhRdeyIMPPsiVV17JjTfeyJe+9CWOPfZY8vk8APv37+eiiy7CNE2+/vWv87Of/YxPfepTxGIxHMf5tef/lre8BcMw+Pa3v82VV17Jbbfdxute97ol+7zpTW/ic5/7HG9605u47rrreNWrXsUrXvGK1hwWwzRNTjvtNH784x//2mN30MHzAtHBHxyuuuoqAYj7779fNBoNsWrVKnHCCSeIIAiEEEJs3bpVbNy4cclrli9fLi666KJfOuaXvvQlAYhrrrmmte3yyy8XhmGI6enp1rYvfOELAhA33njjbzV+iGeaGyD6+/tFuVxubfvBD34gALF58+bWeQkhxOc+9zkBiMcee+wZxw+CQLiuKw4cOCAAcd1117WeO/HEE8WyZctEo9FobSuVSqKrq0ss/qhv27ZNAOKzn/3skrEPHjwootGoeP/73/8rz/HTn/60AMTU1NRhz7385S8XsVhMuK4rhBDikksuEa95zWuEEEJ88YtfFD09Pa3zPfvss0Vvb++S1y9fvlxcfvnlrce33nqrAMSFF164ZL/vfve7AhDbtm0TQgixsLAgLMsSr3jFK5bs94tf/EIAYuvWra1tH/zgBwUg7r333iX7vu1tbxOKoohdu3YJIYS46aabBCDuuOMOIYQQ//7v/y4SiYR4+9vfLs4+++zW69auXSsuu+yy1uPzzz9fDA8Pi0KhsGT8d77zncKyLJHL5YQQQnzgAx8QiqKIRx55ZMl+5513ngDErbfeKn4Vwu/JPffcI1zXFaVSSVx//fWip6dHJBKJ1vtz+eWXC0B8/etfX/L6L3/5ywIQ3/3ud5dsD9/fG264QQghxB133CEAccUVV/zSuYyNjQld18Vf/uVfLtleKpVEf3+/ePWrXy2EEGJubk4A4nOf+9wvHet73/ueAA67Lk8HID784Q8fdj3e/va3L9nvyiuvFICYnJwUQgjx+OOPC0B84AMfWLLfd77zHQEs+fyFuOKKK4Sqqku+wx108PtCJ+LyBw7TNPnEJz7BAw88wHe/+93/9jhiUQQjxJvf/GZc1+Wb3/xma9tVV13F8uXLW6H05wpnn302sVis9Xj9+vUAXHDBBUvSOOH2xdVUMzMzvPWtb2XZsmXouo5hGCxfvhygpRmpVCo88MADvPzlL8c0zdZr4/E4l1xyyZK5XH/99SiKwute9zo8z2v99ff3c8wxx/zaapZDhw6hKArd3d3PeJ6VSoX777+/pW8JK3q2bt3K7Owsjz/+OI1Gg3vuuec3irYAvPSlL13y+Oijj15ynbZt20a9Xj8svXfaaae1rlWIW265hQ0bNnDSSSct2f7GN74RIUQrunf66adjWRY33XQTIFN2Z511Fi95yUu4++67qVarHDx4kN27d3PuuecCUK/Xufnmm3nFK16BbdtLru+FF15IvV7nnnvuAWTEaePGjRxzzDFL5nHZZZf9RtckxCmnnIJhGCQSCS6++GL6+/v56U9/Sl9f35L9XvWqVx12HWKxGJdeeulh1wFkRQ3QSre94x3v+KVz+PnPf47nebzhDW9Ycs6WZbF169bWZyqbzbJ69Wo+85nP8P/9f/8fDz/88JL0HMDmzZsxTZM///M/59/+7d9+o/TlYvy6z8rtt98OwKtf/eol+1166aXouv6MY/b29hIEAVNTU7/VXDro4HeBDnF5AeA1r3kNxx13HFdcccWS1Mhvg/BHa3BwsLVty5YtHHHEEVx11VUAPPbYYzz00EO86U1vOkwT8myRzWaXPA7JxS/bHmpxgiDgxS9+Mf/1X//F+9//fm6++Wbuu+++1uJXq9UAmeISQhy2WAGHbZuenm7taxjGkr977rnnGbUzi1Gr1TAMA03TDnsuJCK33norDz/8MPl8nq1btwKwYcMGenp6uO2227jnnnsO07f8KnR1dS15HIlElpz//Pw8AP39/Ye99unb5ufnGRgYOGy/8LMRjmVZFqeffnqLuNx8882cd955nHXWWfi+z5133tlKGYXEZX5+Hs/z+MIXvnDYtb3wwgsBWtd3fn7+N5rvr8PVV1/N/fffz8MPP8yhQ4d47LHHOP3005fsY9s2yWTysOvQ399/2Ge9t7cXXddb12F2dhZN037lvML04oknnnjYeV9zzTWtc1YUhZtvvpnzzz+fK6+8kuOOO46enh7e9a53tbQ9q1ev5qabbqK3t5d3vOMdrF69mtWrV/P5z3/+N7oev+ln5enfC13XD3ttCMuylozRQQe/Tzwzve7gDwqKovDpT3+a8847j6985Su/9euFEPzoRz8iFotxwgknLHnuT//0T/ngBz/Ifffdx7e//W1UVX3OfUSeDXbs2MGjjz7KN77xDS6//PLW9qcLeDOZDIqiPKM+5el3id3d3SiKwp133tn6UV+MZ9r29Nc7jkOlUlkSRQJZ4RKSk1B4eeSRR7aeP/PMM7n11ltbi8dvSlx+HcIF55nuiKemplixYsWSfScnJw/bLxRwLo4knXPOOfz93/899913H+Pj45x33nkkEglOPPFEbrzxRg4dOsQRRxzBsmXLAPk+aJrG61//+l8aoVi5cmVrHr9svr8N1q9ff9jn+ul4JiLe1dXFvffeixBiyfMzMzN4nte6Dj09Pfi+z9TU1DMSPmhfs+9973uHRbiejuXLl/O1r30NgKeeeorvfve7fOQjH8FxHL785S8D8qZiy5Yt+L7PAw88wBe+8AXe85730NfXx2te85pfOf6vQ/hZmZ6eZmhoqLXd87zW5/LpyOVyS86zgw5+n+hEXF4gOPfccznvvPP42Mc+Rrlc/q1e+9GPfpSdO3fy7ne/u3XnFOLyyy9H13X+5V/+hW9961ucc845v/aH9/lEuKA8nUz8y7/8y5LHISn7wQ9+sETAWC6Xuf7665fse/HFFyOEYGJighNOOOGwv1Bk+ssQEpG9e/c+43y3bt3K3XffzY033tiKtoTYunUrt99+O7feeiuDg4McccQRv+YK/GY45ZRTsCyLb33rW0u233333YeZGJ5zzjns3LmzZS4Y4uqrr0ZRlCVk6txzz8XzPP7u7/6O4eHh1rmfe+653HTTTdxyyy2taAvIyMbZZ5/Nww8/zNFHH/2M1zdcOM8++2wef/zxw8r9v/3tbz/7C/Ib4JxzzqFcLh9WNn311Ve3ngdapoJf+tKXfulY559/Prqus3fv3mc8519GrI444gj+9m//lk2bNh32fgBomsbJJ5/cqsh6pn1+W5x55pmArIBajO9973vPaI8AshKqq6vrGSOaHXTwfKMTcXkB4dOf/jTHH388MzMzbNy48bDn8/l8K4VSqVTYtWsX//Ef/8Gdd97Jq1/96iUVHSH6+/u58MILueqqqxBC/MF5txx55JGsXr2aD37wgwghyGaz/OhHP1pS1RLiYx/7GBdddBHnn38+7373u/F9n8985jPE4/HWHSNI7caf//mf86Y3vYkHHniAM888k1gsxuTkJHfddRebNm3ibW972y+dU6hZueeee1r6gcU4++yz+d73vscNN9zAP/3TPy15buvWrczPz3PHHXf81lqOX4VMJsNf//Vf84lPfIK3vOUt/NEf/REHDx7kIx/5yGEpjve+971cffXVXHTRRXzsYx9j+fLl/PjHP+aLX/wib3vb25aQqeOPP55MJsMNN9zAm970ptb2c889l49//OOt/y/G5z//ec444wy2bNnC2972NlasWEGpVGLPnj386Ec/amlo3vOe9/D1r3+diy66iE984hP09fXxrW9961c6Oj+XeMMb3sA///M/c/nll7N//342bdrEXXfdxT/8wz9w4YUXts5ry5YtvP71r+cTn/gE09PTXHzxxUQiER5++GFs2+Yv//IvWbFiBR/72Me44oor2LdvHy95yUvIZDJMT09z3333EYvF+OhHP8pjjz3GO9/5Tv7oj/6ItWvXYpomt9xyC4899hgf/OAHAfjyl7/MLbfcwkUXXcTIyAj1er1V/ff0a/3fwcaNG3nta1/LZz/7WTRN40UvehGPP/44n/3sZ0mlUktK/EPcc889bN269TlPIXfQwX8LvzdZcAe/FIurip6Oyy67TADPWFUECEAoiiLi8bhYt26deP3rXy9+/vOf/8rjXXfddQIQ2WxW1Ov1Z9zn2VYVveMd71iybXR0VADiM5/5zJLtYRXNf/7nf7a27dy5U5x33nkikUiITCYj/uiP/kiMjY0dVlUhhBDf//73xaZNm4RpmmJkZER86lOfEu9617tEJpM5bK5f//rXxcknnyxisZiIRqNi9erV4g1veIN44IEHfu15btmy5bBKn8XzDd+LHTt2LHkuCAKRzWYFIL761a8e9tpfVlW0+HoI0b5+V1111ZKxP/nJT4ply5YJ0zTF0UcfLX70ox+JrVu3LqkqEkKIAwcOiMsuu0x0dXUJwzDEunXrxGc+8xnh+/5hc3rFK14hAPGtb32rtc1xHBGLxYSqqmJhYeGw14yOjoo//dM/FUNDQ8IwDNHT0yNOO+008YlPfOKwa3XeeecJy7JENpsVb37zm1ufx9+0quiZvieLcfnll4tYLPaMz83Pz4u3vvWtYmBgQOi6LpYvXy4+9KEPHfY98H1f/OM//qM46qijhGmaIpVKiVNPPVX86Ec/WrLfD37wA3H22WeLZDIpIpGIWL58ubj00kvFTTfdJIQQYnp6WrzxjW8URx55pIjFYiIej4ujjz5a/OM//qPwPE8IIaveXvGKV4jly5eLSCQiurq6xNatW8UPf/jDJcd6+uf/l12P8DO0+HrW63Xxvve9T/T29grLssQpp5witm3bJlKplHjve9+75PV79uwRgLj22mt/5XXuoIPnC4oQz1Bu0kEH/0Pgui6bN29maGjosJ5NzwbXXnstf/zHf8yBAweW6AQ66OCFirvvvpvTTz+db33rW0uigX/3d3/H1Vdfzd69e39p1VEHHTyf6BCXDv5H4c1vfjPnnXceAwMDTE1N8eUvf5nbb7+dG2644TkJs4cQQnDaaadx/PHHH5YO6qCDP3TceOONbNu2jeOPP55oNMqjjz7Kpz71KVKpFI899lhLC5fP51m1ahVf+MIXnjMn7Q46eLbo0OcO/kehVCrx13/918zOzmIYBscddxw/+clPnlPSAlKE+9WvfpUf/vCHBEHwjLqADjr4Q0UymeSGG27gc5/7HKVSie7ubi644AI++clPLhHwj46O8qEPfeg51WN10MGzRSfi0kEHHXTQQQcdvGDwgr9N/OIXv8jKlSuxLIvjjz+eO++88/c9pQ466KCDDjp41rjjjju45JJLGBwcRFGUX9nxPMTtt9/O8ccfj2VZrFq1quUNtBjXXnstGzZsIBKJsGHDBr7//e//Dmb/u8MLmrhcc801vOc97+GKK67g4YcfZsuWLVxwwQWMjY39vqfWQQcddNBBB88KlUqFY4455jfW0Y2OjnLhhReyZcsWHn74Yf7mb/6Gd73rXVx77bWtfbZt28Yf//Ef8/rXv55HH32U17/+9bz61a/m3nvv/V2dxnOOF3Sq6OSTT+a4445bYgy1fv16Xv7yl/PJT37y9zizDjrooIMOOnjuoCgK3//+93n5y1/+S/f5wAc+wA9/+MNWDzeAt771rTz66KNs27YNgD/+4z+mWCy2enABLd+h73znO7+z+T+XeMGKcx3H4cEHH2yZNoV48YtfzN133/2Mr2k0GjQajdbjIAjI5XJ0dXV1jJU66KCDDl6AEEJQKpUYHBz8nYnk6/X6EkfuZwPxtBYTIJ3Bf12rkd8E27Zt48UvfvGSbeeffz5f+9rXcF0XwzDYtm0b733vew/b53Of+9yzPv7zhRcscZmbm8P3/cMsqPv6+n5pr5NPfvKTz+ge20EHHXTQwQsbBw8eZHh4+Dkft16vE+1KQvW/1+D26YjH44e1bfnwhz/MRz7ykWc99tTU1DOuiZ7nMTc317KJ+G3WzT9EvGCJS4inM9dnYrMhPvShD/G+972v9bhQKDAyMsLNj32QglqjJ5pAVzW8wCdhJKj5Vfblp8lYcebrJQIBubrLYCxK3qkzVfG5c7zKa9cnKTYCFhoBXVGVLzw4R8Xx2dQb45jeKBFNoewG/GK8TNzUmKu6HJwskcpGqdY9vJpHMmOhqQqGqmJqCuMzZRRVwYgauDWXE1Zk2NQT5aHpKgNxk4W6h6kpdEUNIprCLfsL/NGRGf7zyQWWJSM4vmCuJu8QNEXB0lXipsZ0xWFjd4ya57M7V2dt1mJZMkLDF2gKxAwFS1NQFIU9Cw5rMib3HKownIjQa2vMVH26oioNHw4WG2Qsg66ovMv5xXgZU1OJ6iplx+eYPptczeeobpOd8w4zVZeTB2zqvuD6PXnqXgCApat0Rw3OGokzUfaZLDsUGh51L2BtNsq28SIATt0l8AI0U2MgHcUXgorjU6m5vPiIbnbnaizUPfLlBsmYSW6uyuqhFJahMlluYKgqdc+nN2ZiaipPzcgfj/6UxXAywnixwUDcZLzUwA9gMGHi+ILpikPG0pmpODi+IBPVqTg+hibfK02RfxesTjEU1xgtePhCkG8IjkjrHCz7pEyFO8crOH5AVNcwNYUXr4hxx3iVo7otVqZ0tk06XLA8Sdlr0BdNAbC/lOepBZcuS+Ws4SGOSR/Lpx+9nqO7bHrsJIEQPDY3y2jR46S+KDeNVTgiYzBe9ogbcn4VN2BlUsc2FEqOYK7mk46oPD7vUnQ81qTlnV7ZDdi70MDSFWKGRjKi8dBkhXXdUfxAYGoqP98zz/lrutg5W2UgYVBsBKzJWvRGVT6QHOJHZ1zDee9cSfT/vAmcKhSnQFER+YL80jUc8Dwo1yFpQ7EKIoB6A3QdUWkgggBFVfGmKxhH9BDMl0GFoOAgvAACQVBooOgqWm8M4fr48zXMNRmCYoP643Py/wt1lIiGM17Cq3rYq9OoqQii+XpjVQp/toY/U0XrtVGTEYJiA2PTIDRcCAKCQhU1ZYPnQ9RClCqIsktQlnPR0hZqbwIUFTIJ0HUIAjAN0FWYL0AqAQsFyKTkc44LQsjr4PnyulgRMAxwXcimoNBc2ExD/ltvwOJogutCIgZ1R24PAvlnReSYpg6VGmga2BG5j+eD40E8CtW63Kf5HaTeANsCVYFqQx43nKuug9WcR7kmn/N88H05Z8+Tx4X2seuOfD7aLK12XDkHVYFAgK7J66Oqct9wLpYp9wW5n9lcohxv6XOmIc9B1yg6AcvP/DSJROIZf/efLRzHkaTlDceCeXhH+N9uMJ/y1Q9z8ODBJd3Kn4toS4hnWhOfvv23WTf/EPGCJS7d3d1omnYYS5yZmfmljcB+WTjOjOls6lpBsVFmvJwjHbGpqBXQobcrxd58ga64Sc3zOFBSiWk+StTAQCOR9Lk7F7Cp2yARgZ8eKJNKWZzRG8PSVdb2GgQBfPmReaK2wXRdfrGTg0nqDQ89EQFDI5OOsn+8gKIqpLtsIllbEhdNxXF8zlybZrTgoVgGa/ttHpiqMZCKsFDzqCsKjqFy51yDU9dk2TVfZaLqMpKOMlFq0GOb1DyfeiDQogYlVaE/a9MwNKyITiRmEkH+pmzuMXhqwWOuHrBhKEbdFxQVhS1r4owVfbYMatx8oMbOuQo1L+DtR6TxBVy9Yx4zolP0A+rAmr44445PTzLCnrogB9R1FT9iYAD9XTZ7F2oYmkrc0qkDFV1n/VCEdCXCvRNlhqI6VtRAjRqkIjq5qoaiKqxIW/THTCZKDn7DI5OOUlZVNi5LMVFqMFuJMD5bQbF0yprCwUIdp+KgR+TH/ZAbgBugRHRitkF/NooHROMR8kBP1mai1EC3DYo1Dyyd3qyNYhnk6i5nrMgwVXbosQ1yNZdCwyduaiSSJnpEJeKpHCy5bFllkTBU+roEPx2tcNyKFPdOlFneFeWk/gijRZ+/On01+4oLlJyAc48webLgAipHZ5PsyE3RlY5wdlecdCSGJ3ysq77FhZdt5No9U/j5WbIRlYKncsaqOHVfMBsIcjmX165P8NCMy8qszmQlYPNgN7sLOcarHt1JnUCB7cUyF65Oc7DkkrY0nsxXKQPlqseajEHNh80r0pzYZ/LlR+bZMpJkWX+Cu2YrvHp9F0/MN+iyoT9rYagQe2Qf6YhGZKFBojKGkhlE+CaKqiK8CEo2i5iZlQtipLm4ZWxErogStyAI8OZ9uWCpAhIRlFwV4QkUTSFQVbQ+m6DqQiJCUHVRnADF0gkSEdSqh1BUUqcvIyg7KGkLJaIT9MVx9+YxBhNofTG88RIiAN02EVnwqj7GQAJvsoximxiKoP7gIbQem6DkEBnKykUzEAjXQelNywW1WJGLfd2RC3G9Bt1pKDeg3lzwNaBeha4kpOPy3Kt1+cPjuFCuytfGLbno6wbUqvKXOSQtqgro8t9sSr4maP6O9UqCS91pzZFiGZJRsE05ZrjdU4AAdAXSMXncoElc1Lgc14qA54KlQ9yWY1mRNjmxI3LejgtmVG43FzVu9dTmuB5YUXnschXMJqFSFXkettU+t2yiRVwlgYrJeYVErVyFbFw+F2+SK12X5wAoFXmD9jtfeE0NxXx2S2YoKE0mk0uIy3OF/v7+Z1wTdV1vNTf9Zfu8kBpovmCrikzT5Pjjjz+s2d6NN97Iaaed9luNddv4BKZqYWo6nvBRFYWiU+Op/Cz3Ti3w5ILHQsNltOhj6woTJZ+ZasAT8w6zVZfVaZ0+W+OoriSbeqL02AZHd5scmdHpsSKMFj1qXoDjC6KGyvEDcfpjJicMp/DqHrqlM11xUFQFEQhKxQZrumy6bYNSroqqqXz7cdkkcGXaYq4eUGh4/OJggYlSgwcnS/TYJrMVl0emyvTYJqlI+87gYLHOXNVlU2+cqK6xZ6HGfRMljuuzOa7PYm1aJ2OppCIqTy14dEdV+qIq0zUZJdIUhd0LHg9MVfnXRxfYOVchqmv02AbX7SnywFSduKnhB4KorrGpN0ah4TGUjDBbcZmtupQdn0LdZ1euQdUTaKpCxjJwfXkuKUvnQMFhf9FnvOiwf67Czrkqtx/I4/sBs/kaTln+QM1WXR6ZLnPRmhSbemNEm5GFmhtQc+V4kZiJCAQ1L6AvbaFq7Y96vdSgXmrgOz7lssOj40VG83VGZ2REDCAV0dEUhULDww8EUxWHsXwNgJ2zFbLR9g/Y8f02Nc/niXmHh2ZdIrrCbNXlyZzHeNknVw84eSDKmUM2L16ZZH2XyYqk/NHVVZVuy6LqCe6dcjBUmKz4fH/vOCsSGUxNR1c1VEUh71RZ2DbBY3NznDoQYd9Cgxv2F8k3fPrtNDceqJGreRQaHjPVgImSS9UVjCQ0bhybZaEekDIVRgseC/WAi9ek+cWEjJLl6z5+IFjXZTOUiFDzAnpsg63DEX5xqM6m3hiGqtBjG1y8NsvmHhOtuU4UnICBmIY7mpffzYwlF8pKDhwX0YxAiKnp9uLb2yQDdUfuC627dq3bRlRll2J/oYZiaAR1H2NNF0HZQU1HULMW+nACfXkS4UryoqYiqJaGcANQFZSEiXADtGwUY3UaUfVQVEWSVtuQ0ZZcXS6EgGJo6INx8Hy0Hhul+R3y9s4hckW5iKsK7s4pcDyEEy7mliQZ2ZQ831xRnmczIiDfaA3Gp9uLftyW++takyBU2vvlS3LcQMjFvt5oRz9yzchVGPUILfirtfZ1NI32az1PzqPeaBMmVW2TpnA+1br8N4y8BIF8HtoRpGK5HfFQFfkXRlrCY4aRnZDs5Ary/FRV/hvOO7w++ZIcN5xrCF1vR6OCQO5jGu0IkOe1SZfy/Cxjiqo8J3+/S5x66qmHrYk33HADJ5xwAoZh/Mp9ftt18/eJF2zEBeB973sfr3/96znhhBM49dRT+cpXvsLY2Bhvfetbf6txzhjsZ7w8CcCdE1VO7vcYK8lQ+6auGLqq8vBsibGih20oNHxwfElECg2PvXmPhKHQHVUpOIIzhmOMlXxO6DO46WCZQyWHlWkLXwhqbsCu+RpDCRkxMKMGbsNDBAIRCFRNxXflF3ZNJkqu5pGN6syWHSZKDQoNj/35emsR1/rirOuy2TlXocc2KDvytYWGT7m5MGdTFsWGx675Ko4f8KIVGe6bKLLQENxxsMCG7hiaqhA3FPpslYYvmKwGMnJTanDGshQFRzBWaHDSUIKEqRIIWKjLY+xZqLGuy2bXfJW4qeH4gtUZi0xEZaKIJDGJCCvTKhOlBllXp1D30FQ4osvG8QP8QLBrvspYoc66LptlXTZjsxVUXf4oKarCUH8cgKiuoalQaATMVl2ylsFs1aXmBuTqLlFdo9L8ka4U6qR6Y5hxk8ALMCI61XwNzdAQgUC3dPpiJrNVl3jcJBvVKTs+U810Vc0NcBse5iLio6kK28aLmJrCmkwUN4BNPTaFRkC3pZIwFI7rsxlJaPgCDA0anmCi7LA6rXNEuoe5WonNPQaO7zFdqzFZke9bd1Tl56Ml/uuSl7JjfgcvW3UJ6tgjiLqHsuw06hv2cGQmTa+doj9eY7bqsm28yIOTJWpewLqszVixzt2Haly0KkahERA3dHzhkqsLNEWhz9YouQEjCY3j+2OUXQG+JGsAU2WHNdkohYbH4/Mq/TG9FeG/fGOKvQWPn4xWOSIb4aHpKqoC07UAc30XsI/KRBnbioKioqR7EOUczOVlNGJsCuYWoL9bkpa4jeK4iJqLWKih2vLHVbF1VNtATUVAU1ABd888QclB1OW1UixNRl2ad+ZqNgZxF2d3DnyBPhDHOSDTjN5oAa1PkkU1YaDYBmgKomLISIulo1ga3nhJEqJhmXZQDA0lpoMbQNTAG8uDL/B2z6DGTZial3fh6WbUIG6jZJPNiIQOdlT+P2imw0LS0iIAzc9VmOrJVyEZaz8O9ylWmimemiQMjitJTkgMwuhMK13ktQkHtMlCOiHJQmsBbY7R2yXnB/L15Woz3aU1yZMjH4fkYXE0qL4otQSSkCRjbQIT7t9KPWnNVJXRJifQfuz5gCQyStyWUYp6Q34AQ1IViDaJeb6Ii/IcEA9FaUVdfhOUy2X27NnTejw6OsojjzxCNptlZGSED33oQ0xMTHD11VcDsoLon/7pn3jf+97Hn/3Zn7Ft2za+9rWvLakWeve7382ZZ57Jpz/9aV72spdx3XXXcdNNN3HXXXc9u3N7HvGCjbiALOv63Oc+x8c+9jE2b97MHXfcwU9+8hOWL1/+W4/16ftHuX96mgcmy+wteMzVAlIRRd4RRxOkTPmBHYhpDNhyAS47PuetTLNtvIhtqOTqZQZslZIT4AvBymQPL1oW41VHxFmdsTBVlbGiJB8756oUGh6e65NJRFpfiMAPMGMmZy5LMFVxOGkwQSqic9Jwig3dUfbOVGgUG7g1l6OWpzlreQo/EGQtSVrWddnkai6b++L4AlRdpRbmsYEe2+T2A3nWddlkIgqnDiVazxcaAaqiUPfBDwSpiE42alBoyEjTUNIkV/M4c8jm5/sWuP1AnripcfxAgolSg1REZ8twjJP6IxyZ0QkE9MQMjumLU3MDZqsOjh+wbbxIT8zgkjUZjuqxSUV0HF8uqrm6x+37F4ibGmbUoDcZwbZ0BjNR+uOmJGPN85yteqxMW4zm62iKwv65CrOTJXwhcCoO0UyUTDZKVNeINiMpm/vi2OkoACIQrO+OMV1x0FSFUlG+p6P5Oo4fUKq69NgGgRcwNy/vPtdkomiKQjaqM5K08AXsztWZqnhkLZW4qWCoMJLQSEVUxkoeP91XYfu8h6Up7Jx3GS/PU/UabJ9zKTo1BmybzT0mLx5JYagK//rik5iqHuCMHQuoqHg3P8QdkRK1j3yBxmSZs8Z97pg4gC8EI6kI/XGTqK6xuS9Oru5y1vIUx/VZuIGg4Qvum6rxxHyDHbN1em2Vew5VmCy7fO+pImVXkKu5OL5gtupiagobemzipoamKFQ9Qd0XuAFcvLKPpBnlmO44yYjGXC3AVFX2LTRwfYH2mtcRBBBfkYRYVn7gnGo7jRGmRcIF13HlnXQQ4OdqiEDgFxoEJQd/uoo6kEYxNNRYBIIANW6iJkypaZmutIiIP1clKDkEhSq1u8ZRIjqKpSMaPmrCxB3NY502hNYdxZss4+fqqMNdiJJDUHUlOTKk/kLrs/Fnq/jTFfzpSpPceCgpG4IArSeKmrUQvrzR8GerBJUGYmZBnt/4dDsKEwi5GIfpkRVDbQ1MGD0JNR7phNy/N9vUgjztp9ky5bjp5NLFXteaJEW0yY7ntYmGFZHHDIkGtAmIHZXHsSKSGITRk3ypHZVpRplaEZW6046SeX6blITvrWm0zz0Zb34G3Laex462U1RB0E5jhaQnCNqkyvMRIdnT9eY4fntMVUUxDUSl9Fv/3v938PuIuDzwwAMce+yxHHvssYC8WT/22GP5+7//ewAmJyeX+JatXLmSn/zkJ9x2221s3ryZj3/84/y///f/eNWrXtXa57TTTuM//uM/uOqqqzj66KP5xje+wTXXXMPJJ5/8HFyl5wcv6IgLwNvf/nbe/va3P6sx9pfmOLrHYnfeY12XzWjB49wRi7GSR9mpkLXibJ/3GEnquM3vV49tUnPlgr6uK0qhIcnKkVmD+6cd+myNvYVZfAGaAg9NlXnP8d18YludkaTFA+MFepPN0LiikIyb5L0AwzaImRoFJ8APIGXpzTRTwI2jeZyKg+/4WCmLXbNS7Fmo+81UDUR1lf64jCCsyUQZSjQXe9fH8QXH99uMpCIMxnQiusJE2adQ9yg0xb5uoHPXeJkju6LETY0LVqUoOAElR574WKHOx+6epFz3SEUNCnWPFUmDC47r5cGZKlVPEPEEhUbA/oKLL2QkZVNvnB8+OUvc0imWHcqOj6YopCJ6K1JU83yGEiajuRqaorRI0e0H8qzJSr3OynQUTYWNXSY/3SdJSpgqUlSF/sEkhZqLlbI4rj8hUz1CkI0aOL5gNF9nZdpit+uzvC8uoz2Ojxd4eA2PPQs1TFWl7snthYZHb1amgtZkozi+aEXOUmmdo7pNCo2AuVrAg1NV1ndHqbgBx/ea7C14uM33MKKBLyBuquwvuowkdE4biDEcz/LgzCQ9tslDs2VOG8iwc36MXjvJ/JmnImrjvHcwwlmFHKs+9DLyjRyWbjI471Bza6xOmxQaHv0xixP6LbIrYyRNnZ25Bv/xRJGVaYuaF5CN6gzGdB6ZdZgqO7xoeZztswrnL4/RbSWo+y7X7pknE1FImCpv3bSWfYUZnlyoUGgETFZ8nsjNM172GYhpnDlk8dP9VbJRnfccu5pvPnmAe+fvwYqAX3IQE/tQMll5N+x5KAMDiFpFLlLVmrzjTicQU/MoyRha1pcEpNCQ6Z6Gh/vkNHpfTKZkVBUlpiMWajKVVPcJcjVJZmyDIN8gyDdkSqjhIyquJEN1H9xAjpuJytRRX0we39Cg7qPahoy0DMZRkjGC/Cxat403XUHvsluLrPACcAK0jIVqGygRDX+hjtqXkQt8uLjO5cEyEfMluVCFmo5WiqO5qOcK7ShCtd4mMYvTLblCOxW1mCAsFgGXq22Bbq4Ag71tMhAu9GpTe+K4bSLi+W2iERIQp0mq0gl5TvGmMDkkJWHayvPkfsl4O2Wl63Jsz28TkPC1YcQnjOqE52hbzWiSLc8d2uLdxccOIzVBALrZmo8IRb//Q3HWWWfxq6zWvvGNbxy2bevWrTz00EO/ctxLL72USy+99NlO7/eGFzxxeS5w31SDM1fHma76DMR0TFVntt5grhYQN1QenZ1mRVJjJKGxfc7lYMljquxwRFcUS1fYuszGDeCBaZehuEbCUHhwqka3FaPgBHz3yTx+ILhqR751R//ao/u482ARRVWIGiqzszU0U2MwEWEkGeEXB4ucvizJXNVjrNAgbmrkah6DA0nmy/LLH3gBuw+VEIFg3tI5YTgltRiFBqamENW15mKp0RMzARkJGIhp3DtZJ2qo5GoecVNjJGkwVnS5f7JG1jJwAzA1hX0Fl9MHLfYXPY7IxBkv+zw+W8NsVtSkLJ1XrB7mW7sOsqnboNAIGCv5HCg0OGUwiq0rfGNHnXOWWVy3U+D4AiOis6k3xqPTZVakLXpskx7b4ISBOOMlh4mSTIv5QrAmbfDgpEYqorMnV6Ps+Jy+LMXj8w5jRUkC/UCwfabCcCbKRKFO1NQYSVmsSEc4WFSoeT4TRYfLNnbz4JRMlx07lGSq7JCreai6ilt10QwNs1nVtb5ZeRUSqBVpKUCdr/ncun+B1ZloK/W2Om0yVqxjajLdNhCTd7fdlsp01cfUVDRFoeELVqc0AgGWZlDxHAIE90w16Il6nDYQwwsC6r7DocoC/7n7dn62N48vBNtnyhQaj/CtptbJF6IZJZHkd6LUYCRpsL/osTYttSw9toGhKfhCYeuwxc55l1zNYyQVwdYVMlEdx/f4xaQU+a5IasxUpV7lUGWBkUQXdd/lGzsWuHRdgrITSH2SAjcfrLNlyOKhGQcn8PiTdcv4+dgEJ6mg2YZMB6XTACjppLwrbqZS6M3C/gmoNxCuj1KV2iF/tiYjHrm6JCSWhnB9gpyDvjxD48FDqKkIiqVhrMvgHSiipiIE+Qb68iRByUHrsfEOyYocqX3REA0f5/E5rNOG8BdqGCMp/PG8JDGpCKLhoWWtVgomKMjvl5a1JGkCFNVHiUfxDpVRe+IyPaWqaH0JKS7uTkG1jggEChDMFlBjEYLxedSRHnhyVKbHgqCdPoJm+mwSujPtCEdTK9NKwYQLd7XeJjTVmtwvjHqkE02CFG1GSVRwfNCb5CDUq4RkJVzwQ0Fu3WmTi2SsLZYNic+hWXmMkEiEx1o8nuc1CYwGdU+OnYy10zphukjXJFkJU16W2Tye1tT2NNNqdhS8ZjVVSArDY4Xi3nCs5wGKojx7AfALqHLnDxkd4gJ4gWC06FF1BSf2dWGqGt1Rlx6rRMl1GC36aArsL/r8fF+B05clmSpDylSouoL1WYupisOALfUNhYag7PrcPy0jC44f8LqNWcZKPg+MLuDETMZLDrmai6IqOH6AGTVYmbbYM19taQ325xusykSYzdcgHeWkwQSPTJdxqy5CCIyogdfwUDWVdMwkV3c5rj/Oo+NFrKjB5r44UUNjtqm6X99lsm2yQc312dwXJWEo3H3IZ6ricGTWlHfvTsAvDhZZ19SeDCdNBmMRWc49UWO26lCo+2zuj+MHgnNGojw4M4mhwkMzDgMxDUOV0YVcPWBNv82GbpuHZhosz9qM5Wv0xE0emZSEy/EFO+cqHN+f4EChQcrS6Y+ZzFYdslGDH+4uNFMyzUiHF/DQZFnOI1ej5gbETY2hRIRsVOfgfJWhLpuy43Ow6OAHgiO7ZKSk6gkcX4pOV6YjbOqJUnIFD02W0bJRqRWarbaiRIEQ+I5PzDbYs1AjbmhoqkJfkwTK9JcUCo8kLY7ssZirBRwqe7xyTYqS6zBT8Sg7Pr4QRLQo39q5QFRXOWskwXjZI6YvsD5r0B3VUBWVfKPC4/MufbbKrvk6mgrrMjY1L+D6vUXOWyn1RjtnK5y3Mskj0zUuXh1n+5zLzrk6Zy6zWZm02T5fodvWmat6DCUMNAUenKpy8eoE8Wba8+R+k8fnXQpOwLW78py/MsV4yeGBSYeFesCR2SKuL3jLpi7umapw1nAGKLI2nabuL6Aq8Lojhzlp+xwLW05jU1eeDScnGL/9ICuWJ9F7uyAIUNJplKSNKE+0tRPN9JESaVbL4GOu78KbltVgWncUUXVxn1pA7Y7iPjWHPhBvppXqEAjUhImiSREugJaN4uyYQ01H0IcT+At1MFS0XhutR6aJglwd1xeIqoexPot3oIixJkOQb0gisyyGPhBHzUSbuhWHYF7qZJS4LTU44aIfBKBqKHYEMVeQgmDbAl1DjUeh7qD2W5KsLU6/lKvt8uaQIORL7XRQuEBX66AGcKipY6mXYLivTTBCfcvilE0QyMqkkFAs1o3E7bYIF9pak3g7qtQaoyW2bUZNutOSSFRrSyNHYdorCCCgPd7i44ZkJCQt4VzDa2BF5GvCaFK9qamxIktLvUOhc5gyMg0UKyK1P88DnhNx7e9YnPu/BR3iAqQj7VCj43skzShT1QIBgrlaQBAIXAGGpjCUiMgKiiBKwlTxBcxWHWxDodfWsHT5wdzUY/PgVIWTBmJMVQxO6uvmtAGVeyZKaIrCzlkpZM3PV4mn5d3DU9NlrKhBKqLRHzcxNYXduTrrBqTOZdd8DccXeE0xr+/4KKqCGpHpodF8nU29cNRgkh7bIGpoxA2FnKqwPGnQHVXpimpk0wZlJ2D7rMNwwqTbNrj7UIXNvTbTFZfN/XEporUM+myNXMNhb0EKVlemLZyYTF0VGh4XLD+B1/30ZjQVNvfa7Mm7zFZccnWXVETjI784xOnLUq200UnDKVkFFTdbWpFcTe6/Mh3lwckSK9MWUUPlqfkqqqKQq7uMFVU29cbZPlPmYLFOX8zEz0SJGxrz5QaaouALwfnruluanfsOlThpMMFMxSNuaExXXNZk2z9y22dr7FmQd/txQ+ORqTJ+MyyrqQr9tsm6LhtNgaihMVaok6t5mIaMwmSjBrNVWRa9ZThGKqLiBoJcPeALD8+Sq7ls6o1x6pDdSrFozTuu28ZKHNsf4/6muHWs5HDPxDyFhseGZrQnV5N3+1NN/5iJQh0/ELzyiBRHZlJUPUFPzOQ/dxWloLji8Dcnr2K8PE/cUFAV2NQTYVfOIaJFWN8dxQ0E90662IaC0fwRLTkBQ4kIt44VydU8ig2PPfNVXnNUL0dmdHINh5GEzvd2z/PWTcs5VMmzPpsiEIKiU+O7ywXJqYcouXX2/stLWPfemynfP0UyFUExNNi4sh3OT8blwtOblQtPs3xXBAGi0q4qUfvT+PtmURKGLIVueCiWBr6KmK2hpiOgKnjTVRkZcQOcx+fQR2SJqTdeQrF0vPES5lHdKBEdb6yI1hfDWJGisX0Wb1+BoOoS5GR1kXlkF+7OKZl6WqihNkmEYrTLYLXhdGthDyYWUIcyMo2VTbUFp6oCuaJcUMOqoFBwm07IVNJigWsyJhft/m6YybXFsGE0IUzTQPtxSFbidrtqJxBysQ9TPOEiqartyE2YJgqjLSGBWBzpaL0JKi0ZZFiqXHdAdZeOG0ZlFlcMhVVE1bokOy3yItrHDyM3YSWT57cjQ+Hj8ByrdTmVkCg19Tii3pBeMh38r8L/3OTgbwE3ECQMhZGkhid85moldFVjX6FB3RfcO1kla6nsnGvwxqMyTFd9Ihq4vqAvqjJe9tmb95is+GQjJr6QQldNUbhxtECPbfBfe6f521/sZXNfnA09Nv1xkx5b3in22CZxU2N1b4xTh5JoqtJKY0yUGkxVHLbPVpjJVanma0QWiXmNqPzSPjVfRVPgkaky/+fEIXJ1lz25Gttnq+ycrfLTfQWu212m6grs5qJ2XJ9FxpIfgdWZKNtna2wbL0r9RkTnuL4IuXpANmJi6zIyFFYtARzZFeXx3FNEdZXZistowWkalcmFPUxTPTpdZjRfZygRYTBhctJggmzUaFYyyWjJaL7OnlyNXM1lrNBgtuKiKgqaquD4grLjs2u+iqYoDDbLdV1fEpQj++I4gbzeY8UGo/k6hYbHSYMJaQ6nSoJUaFYH9dkaubrPirRFodjg1KEks1VJrDb1xtnQHWNTT6xVKRU1NGqu33ovRnO1llD4JatSpCI6I0m5sE1WAp6Yb0jtjBCctSxKJqKyMqnRHZVpqP64iS8EJUcKwDd2GdzfTG84vmCiJM8hLM2erboUGh5Z22Si1OD6vSV8AT/cXeDGfTl2zcso0YbuGP+5+xA3HKix7VCd+ZqPocJgXOf6fRXcAMZKPpauMJLQKbuCsaJDoe5xdI/FRMlhbr7KsqTFVy9Yw+XrV3DTWJW4oXLawDBnL4vgBD5xI8KefJG655CO2PhCUPUcDFVlXzHHgS+8BLfmSXGXpkiti2W2w/xNQS6HZuUHyY6iRmWVj9YTleLb/fMIX6B1Sy+VUNfiz9WkhsUXkpwYqkwNuT7aQLxlTqcPJ1BsWQ2kGFpTa6IQlBx5vISJmrUw1mTwDlWkQNeO4jyVw1+o4Tw5jz+WA9tCsUxErRlVCNM4tiWjMovu/kW+JBfe0K8kGW+XIKeT7eqgUIgL7WiFbbWFsMmYjHCE/zcNef3idnuxX6xvCclGSEServmo1paWN4ckJhlvk6DFpCWM4qhSn9Q6XliyHEbMQtKja22ioSptHUwoPg4jPCERgfZ1CdNhYcrKNOTxQ6HwYl1OqBVKxltETrEiKIt9ZH6HeCGUQ/9vQSfiApw5lGHT8Aoemxtlb77AXD1gdUpnOK7xgz0VxgoNvviwFIy+bn0XlqaQsdSWUDdrqUQ0hUAIbCPCmhRcv7fISDLCEV1RAiHvascKdV6xNsnuvMfGniglJ+DxmMlU2eHkoTi7c/LLvHO2StRQGSs2S3odH7dpNy0CQTxu4lQczJhJT1pW20iBpokTBHiBFOKeNBDjwakqJw0lWJM2uHF/iVREZcecQ1dUl9EkgTQxcwJG83VOGpRVRv1xk+8+mWdl2mI6rXPNzlnOXpFh+0yZDd0xLlolHXD/5bFJNnTLH46VKZMHp6oMJUwKDbnQ11y5gJcdKSCeLjuUXZ+TBmL8+45ZVqYtyo5P1jJwfHnnHxrTea5PoKt4dY+edFT6tHg+dS/gqN4YuZqMYEyVJWEqNDwOFj2sZgl1WGk1lIy0xMCOHzBdlVVT9x8qkWq6DGejOmeOpNgxK3/cUxFdpqMaHjfuy0kSZmis64qyOhMlG1HZ2CUJ3faZCmuzFtmIiqrIsUMi9Pd3TrYImhRxS5+VuCkjPGMFed6aCoWaz0hzrkDTZK9BxfFJRnQW6i6GJl2JJys+s1WHqK7hBEGrHHznXIV1WZla2tgT5aHpBjUvaFVjlR2f4wfiPJmTC+eeXI2UpXPVY7Oywi0b5bNnrcXWIzw0O8Fpg1F6oym8wGdT1zD7CjMAjCRskmYUU9XZmB2i7MrPar5RZbycY83V74b/+jHKqiFI9qLUy6DnQbcQxYWmXsMDzyPIVRB1H204TTBdxFyblaJXw0C4AeZxwzgPjQPS40UbjOFPV4kc3Ys7mkcfjOOOFqT+JWHKSiA3QOuxcZ/M4Tw2S+TMlYhGDmNNGrEgSaI/XUXrszFWplBikhzo3TZq3CTINyTxKlcRno87VkAr1NFGmsQ9TL0s8j0RVRfFMtspnGJZkpQw/dOqogkISjXUdEIu2GGqplxrlyvrmnSLDfUmjitTNaGBXUguqjW5kIdVOa10S6NNYsK0U6hRCUWwIYGBdpVQONeQkIA8j7AMuSUcljddpJNNsbXbPlbLD6YZ3Qz1KaE2ZbG/zeJqopCUhdck9HUJ5+954GkoVgRRb7T+RTw/ZKCTKvrDQYe4AH12EiECBmMZbL2KqpaYrvqsTccZzc/THze5YFWCQiPgyYUKEU16Ydw/7dAXVTm2p4upah43EMQNi24rwRuPcti94DEQUzmqqwtPSJHmQExnf1FGbCxN44ThFDUv4IZ9eVIRnUeny2Qsg4lCncALiNkGtQXpOxL4AaqmUszL50Z6YmiK0hKRhoLNG8YKlB2fTd0Gx/WmuX2iwS0Hyjh+wI/3LLAybbEuazJXCzBUKLkB0xWXC1ZnMFR4ZKZK3JCEYLbqcteBPP2JCLmaS3/cRFMVvrY9z/H9MVamTCbKHif0RzE0peWDMpKKSNLSLKt2goAdMxX6YiZRQ+WaJ+ab5MMjV/daZmZ1L6DbNpgtO9iWjqmpFIGZXBXDNjhlKMlde3NsnyqzslnqbGoKNU8eK25GiOoqpqbi+AE1L2BDVufG/fJu0tRUxgp19izUWJOJtojTeSvTjOYbZC2dlKUz1ax8WpOJtgz0emIGqzNRLE1p/f5MViQhO1BwcBMmCzVZmVSouWiabLNQqLnMlBpMzZRJNedccwM298eb17hpttasfio0ZGprrFinVHVZ3nTyNTS1mbZSuX2sSH9clqebqiqjSapKxfF5YLyAbmiM5mtNAuYylIhwsFjH0FRG83VSEZ2y61PzAmZzNV6yOsvP9krh7zd2HuKVazLcfajBpm6Duu+SjtioikrWipNvVMlacXRVxTbknbFtRPACH1PTKTt14kYa9dRNzWobC5wZ+a8VR/EdhGnI0mHTkERBcxHVOpiqNJmzpb+KlrHw98/JiAjSu0VNRFtpHlH3Ubp1jJXSvj+ouugDcalnqbo4ZQd7ZQpRrOAeKKLaBn6ujtYty5q1vhii6sqoTryOeXQPBAJtUUqRQGCMpEBT8PbOoUR0NFVFOB5KPCqFyNkUarJ55x8ShrojNSmHZmXaSG2nXdSoXIyD6SJqc2EWjitTUrYlyUtIjMIy5LBqB9okYHHbAFgk6NXbZCQkHGHEJZzjzLwUBYfmboureMJqoTDCEhrdtcS5izQqofFcudpsG6Au0gCp7ajOYlFw+G+LdGmLxtdRdB2xuCzcMltjimoNxY5KY0PHRSw6/Q7+d6CTKgJqnst0dQEv8PECny7LZG06zsOzJTb02LxtcxdZS+XY3ijdUZWT+xPUPdHM/wdYukGuHrAsnmG0OMudh8YZicu+NdPVAFPTyTeqDNgqDT/g/OUZTuq3+f5TOaYqDjsOFZmZKbN/riIrhMoNaUanqyzMVlBUBSsRwUpZpBb9oG7qjRE3NWarLiOpCBu6o9J/xAk4cTDBVx5dIFcPuP9QicfG8piaSqEmIwHbZxsc02NQ9wUNH7ptgxVJjRtHCxzXZxMIOGNZiv9zUi8vWdvFlpEkuZrHRaukMVePLSuIwqhTrhFw36R0bk1Z8kduKGFwbH+ME/qj9NgmbtVt+YMc3x+nUPc5bUimZf7v2cswNZVu26A/brKhN958bwIaxQaJpOwxszwVIRozWdNloykKUV0laqisyURbZEW6v8qU3VDCbJUka4okHEOJSKskeyBukLJ0ds7ViBpaU8vSYHXGYqosK7QmCnV6bIOXrUmyUPO482CR8bJHIASWrnDRmgxrMhGyEZVMVKfYkEREUyWh6ombLSO9MDoGMq0nPWMEM8UG5brHI9NlHF8wVZKVZEcPJhhJRdjUG2MkGSEV0TE1GTk6rj+8Rj5+U3MUMzUStoHvB9Qcn+mmMHuqWUafimgUmmXfTzVTb9++eCMXr0xw2cZuto6k0VSF/9qzwHBcww3gun05nlw4xI75g+wpSHKTq5epey5lp04gAhRUik6NolMjQGCoJsG27bi37ZQOuiAXHkUF00ZJ9spoQjYFcRs1EZW+KvkGatxEiRpo3VFp519yJZnosSUhma+gxAz8Q2XM9V0ohiojLukIotSsCnIC/Mky8ZMHUG0dd+8Cmm2gr+2VDtVVj6DQkH4tubokSON5glxdesJUXfw5GW1RmtEFUXHR+mJog0n8pq9PsFBGNHyC0ZlWxEGEvjVhmiNcdHVNLu6HZmT0w7ZQB9KtUl/Fkhb9YmpeLuDFihT9LhbNhoQlJDRhOTUsJQ2LfVtapcRiqbutHW0TltDrJaz0CdMzut5OGdWd9vPQjITUmu0AzPY5hymfsGx6cTQlvA52dFFfJaOdOvM8sC1Z5ry4T1MoBG56yIiwysqKyJ5IzwM6qaI/HHQiLsC2yWmOGkpyoFRnphqwZSiNF/h0WyqpXhNdUZmrSR1LrhFwwXKLghOQMlW2DvVx1c5xBmyVQMxTD3Vqms4RmRT7i/OMlebot9Ns6AqoegE3ji0wVZFusuu6pNnXi5Yn+MrDMwwlIpw4GOem0Tw9tsEuxydopm7GF2psHkoyGtEZn63wslVJHpmtcvWOGkdmI1L3pqlkLY3VKZ2n5lX+YdsUQ4kIkZiJHwgUVWF1JkpfVOXJnPQTeXzeIR3R+NlomYvXpEk0q6XstMmGbIbTBmI4gYelTfDkgkdXVKPqqli6Qq+tMhAzeWrBo8c25GLbbTJe9rE0hYSh8GROkoQTVmYYSkQwNIV7mo0Tf7pPWpj/3/ungabBW1PjEzc1yo5Pf2+cNdkoY4U6d49L8W626W9Tdn2ylk7UUNFU8AOpCYnqKqmIRo8tzy8cT1PgiYUaJ46kMTWFJ+drjObrLORqxFIWL1mdZbbq8PiOEpFmVMI0pBvw4/OS9L1mfYaxkiQfKVNhfdbmweka909JgfMpQ0nGirIkfazQIFfz0EwNzdQo1GU0KkwHjaQi7JqvoagK9UIdL6JTUxWiMZORpMWNowus64q2xdwVh1xdXmuQKa2VaYvb9y/g+wGlpuuyCARaUyPTYxscaoqQCw35fNbSWdeV5Nhei0OVBf7t8QK5mseGHps+S8MNBJt7bJ5YqDFXdfnqYzXWZKOcMWhiGyZFp0bSjKIqCnvy08zVaxzdNUjatCm7DR5Z/zY2//zPUItliDb1HfUylOcQbjNV0d+NEk8grJysEur3UMammsZoCmoQENRcWWHU8PCnKyiGdLcVDR+tz8YdK6DGTcyje2RZ9HAcxTYQvoCqK23/Kx5aJipL3QA1HSEoOegDcfzpinTJTcZxbj+INhhDVDwim3shI/1TRLVBUKijpixZvq2q0sel2axQySZRihVE3UGJSwJGMAe+QKk7Uq8SRj6yKfzRWVS7jtKVaGo3tEWOtipKd1ou0NWaJDNheiWdgKBJOtLJpemcUMQaRlxCbxZoa1GgqbVRFtnyN3UnYclyMtYmKIFoCmNr7VSXudhVV2+WPC/S8oQptLCKqlpbWrUEcvxk00snNKsLjQlDhNGawG2XWKuqLO8OTet0DSUSQYk8v8TlWaFDXJ4TdIgLMJzQGUl0M14e52DJZU++yHjZp+oJXnPEEI/Myrx+r61iGwqTlRq2rrAqlSBpRjl1wMQNBMviCfKNCtvnXKqeQyAEL189yEy1wM5cjp05l4NFp9khWGXLcJxURKVQN3n5quVoClRdQdxUmF+o4QuB2zRTm6266IbGVMVhqtTATkSoeLKa6c3H9PDgVI2y6/Oi5Ql+vKfAXQdh35Q0wJoAnJrLhCZ7If3giVn+dHMfT+UalBOyuqfkBKzNWgzHNUquQFVhyFZRFZWx0hwPzlQZiGnMzjkMpAyCiHRTbXiyzNjQFO4/VGJNJsrDMw1MTcWypSB1bcZkvOy1+ippqhSo7lmo4QeCat3jgnXdjBUaLE9FuPNgkc19cXbOVThnRZrbDhTYOVdhIVfDSkSafYnkXXDZ8ZtW/5JIDCUlQYsaKg9OlhhJylL1zX1xbh/Ls32mjKYqFMsOMdugkJP+Ocm0RSFXY9u4XMCHM1EOzlfpTlps7o8zW5XeMo4v2F/06LWl+HhzTw+Pzc1x/1SFXM1jrOhiajICNFVxaFQcdEsn8AJUXeXlR2T4wVMLgEz5jBUa1GsuMdsg2iOdYOtN4bGmKrh+wP275tAMjYaqoJkaUV36wvx83wIVx0dTIWtLfZMfCHLT5VZLAzNqMFmo4zs+min7S0WbncI1BSarAdftnmVNVqbEEqZK3ReUXcFsvcFkxWdlymRPrsZIIk7CMJmrlYgbFlXPwVQ1ts+XaXgCW5+i4PhMVgJOnQe6VqCo49JF17Tlv9U8SmkGkStIUpDLyZSRbUE6iTLS30w5RJtkphvm8oi6g6i4qJko7v48ihVId92sRVBooPXYcjEzNBRDQ+uJomgK3oEi5lF9uHvm0YcTiGJFuuUmTJSYLkmLKVMXii1/DkXVlQJg10exAoTry3F7UijhYluoEiyUUTNxKNfwZypoq3qgWkdd3i0X7mSUYL6IGupBADwfxVBRMvE2QbAiiP2T0gumXGva5Xuy8ipXbJIeIccMREsnQ7XeJkWt6M6i6qDQsM1xJWEJyYOzaP8wsgKHkyBVaQupw8iIqiwiEVpbdxOmj4plmPPbGpUwmrI4UhQSpzANFJKturNUvBuKcav1dtSpmc5SIhFEo4HwvefN8r+DPxx0iAuQr/v8fOwg2YjKmozJ954qkoroXHpEnFvHZRfNFUmNhbrUhKzLZPnnR8dZl0lS9RpMNEtdH5wpcGp/ltMHpSYgHYmxrzCDE8i0wgl9Mn1habKvUURTOKW/hxVJGXXotlQyaY3deRfd0pmdLBHNROlPRBhKRCi70uU28AKqdY8ncx4/3Vdgtupy6ZFdFBoBK5MaUUNl++gCXsPD7rJZk42ya1amDnriJjUvYMdcnbFCnZoXcGRXlLAn48/3V9jYbWHpCmU3oOo1CBD02SrT1YD1WYPpasBwXGNvweOYHoPJSgAEbOqNcXS3yVjJ57GZKrvmA7LNqqdd81XWZKLUvKBVdZSKSN8VVVe5cd8C67psnpyvtfrpFBIRZqoy9ZSyZFsAPxBSZ6NIgzVf0Kp2MjWViaJDzfPJVgzWZKLsnJMVN7NVl7ihUfMkaZwp1KkX6hhRg03DKc5dIdMuC/WAtRnZUfm+mOxdFI57xkhKRm4MpVlBpnL96BRlV3D2SJyb9pdl1VBMZyCmceW2BTRTVrQ0Sg1UXbrmRg2VVETqaObmq2imRqnYIJ222NQTk2XvQcAt+xcIvKAVPRGBINJ0Gp6tulQcH0NTWxEmExXTUHC6Y9RLDQJPetzkXZ93njHMT/cViRpqy3/GDwQTJaf1Hjl+QMOHQAjWpnV+uk9+FsbLHht6YkQ0hcfmayzUAzKWh6bIKjVfCCxN4eaDdc4bsSk0HFas0aE0AyKA8pz8cEXT8rGqowwMge+BYSHCdMf4dDMV4YHT9DXJlyCbRFFVlKYjrZowUQxV6l6CgMAXUqTbG0PNRGk8Oo2xMiXN4tJSGxPkGxirMngTRfSBuBTSRnQwBP50BbUnhT4YR1+WQqz0EK4vXXd9gZqK4M7WUKYXZDsBxwVDRaGZ+lAD2YpgtoASNRC5IqLhoQ72ooYpj1bFjYNiaIhiBX+2Kn1hzKqci+dDMoaYWUCJRwn2Tcl+SGGEI+whFEYnVKVZVbSodLrpI7OEtIAkEeWqjF6EAuLujIyILO5ntLjPkBfa8kfa6SZdb0dqQqhqk6jF2kQmNKMLx4V2xCV8jaW1oyotUuW2q6cWN41cTHZa19QDVZHk5XlAJ+Lyh4MOcQG6owYbBocZL+e4Y2KBVETnrGU2UV1nvOywMauTidjsL5YYK/nY+jwbuyKYqsYdE5Osz0pBbtzIkzSjBI4gV6/gBYG8I51zOGdZD6amszc/iaEpbMxGuX2iQt13GYxl2D4/zj/cM81rN3ShKQpbV2R4JGqgKQrTFae14EwW6hgRnXWDNreNlZituqxMW9w4mues5Sm+v7vM4wcLqLqK6qtETek/0p+Q1TMjSYu1WYu7x0ucMpxkx0wFW1f4xUSZLcPSsG6y4nNERm+SLEMKMZUiEV1GmgoNwb2TdS5ZbbO/6PPgVI1URGP7TIWyE2Wq7DQt9hW27cuhqAqZRESegxeQjZoMJ0wemS6zrMuWDr3N3k1+05Ruf1GWAKciOllLZ6ri4PoBx/TFma26jC9UiQ4myFoygvDodJnVzX5Go/laq2dT2AKh5vnsHy+Q7I6Riuj0DiXxA8Gbj+nhmO44Pxot8FfHHcnO+XFGEt1cW5D9P3bOVTltOEE2qmOosGVYNlPc1KWzKpXgsbkC3VGFeydrRHWV5UmDrz06g6ooBF6AZmoc0WXzeFWS0Z2zFbaMJDlj0OLqxwvETY2JUgPTlnqdI7IRoobWajyZq3tEh5LsnKuyqSfG9tkKOw/kEUJgxkycQOAH8o7TDwSgyVYJR3RTaHjkai6+4/PKNSu4c/xxRvO1lqBZUxVMTeGCVQkMVVYYARwsOqRMFU1VOFB0iRoaMVmtzFFdFofKDTKWStUTuD48uSAXxyMz8n3aW/BY+Yt/5KmT3s3aL70cRTPb+pYgACuJKM6gGKasMAqrRgZ7ZOqoXpMLa7mKKFSh3EyZeB6oFmrClCme1d0Qt/Fv343WF8MvNBANr6V5MdZk5HWZkmXTMu3jITQF4QsU28KfLKAPJfD3z6OmIi3timJpsidRyZHEMRVp+cwE++dl6fbKnpahm9KVaJUIK0GAosvFOMhXUUMi0OwrFEZ89KGk9IvpSkqR6XwJDBVRcdu6moaPAm3328UW+S2bfbednjH1pQTB82WKKRTD6lq7lNnzWmk5AtEmRSHZgTZ5CAJpDGcuMqULFkVqWmXYiwzwwmhOELQjMHa0rXsJAHtRafViY7rweoWeNIvN7nRNVhWFAt3nCR3i8oeDDnEBHpypsaNygLcctRE/yHFUt4WqQDYSYzjeIBVRmalV2ZiNkjLrrErF2VsooCoqR6RtCk4dx19gMJYh16hwoFTkP3cV2dxrc+5IluN7bQBGi7PN8mOFdCTGCX0Odc/lp/vnyVoqI8kIVU/wwGSJrGVw2cYu5mo+pWap8pMH8gRegB7RmTA1LtvYxRfuGmeX63PG8jQlJ+CuvTkCL2DdSIqsZTBVcTjY7BU0W3UYzctc9LquKAu1UJeicNJADENT6G2GyzOWTEf02inKrhRgJgyVkhsQNxUG4gYTZZ/RgtcsG5Yi2Z2zVRbqMl0ylDBZ2RTZzlYd9uRqlHJVsj0xJssu/c0Ko13zNYYz0VYJsuy7JFpRCU1VqDVVwBMlWd7bFZdVS3tq0j33zJE0d4zlOXEwSaXqkqu5bJ+RHbOzUYNdzQVJUyBlabx0bYp1GXk3viLZw0UrBDNV+Z7eMzXBd3bOyeofz+dAQWoyDpUc6p5sSjhe1tmd9xiKa2QtlTOGouzMefzHE/MAuA0PK2pQLTV4wimRTlukIjpxU2PfQoOqKyNHqzIRrntKljWftzLNSELnoekqUV3jtUcmKLkBO+c9jumNsrnH5AO3V1qNOAFSUVnyXa57jDT7OGmKwp+sT/LAdIP7JitE+xN8afs+ALYuT7c8gqKGynkrEqQiCkOxGJt6G63f1YMll5Fk8xgRlW0TFdxAikAfn5cppV5bZawk76ZtQ6XQCMg1AooNn//a+0M2OgHz/3gHXR84ByWdhGpe6l3Kc9J7I5aF2flm88AE7NyLyKbk/3VNOutuXCkX5GpdakiKZYTry0iEqhLsn0bri6EmTLTemBTTJkzcPXnUhAm+kIubKUmTmjAImkI055FDsm9RMo63fRZ9OCEN647IokSlTkSmjTxpNAeSqESb0Y8mgQgKVVSzaVdQrMgS8Lm8TBsNdxH27RGzBUTda7YmkNU0itWMgFRrkvyYBrg5gnyTQCWsdglzSDwWN1aEdgVPU/DbEsGGFUdzeblfb7b9oxcoi8hAkyRkU20n31BjYqvNtI3SFuIm4+DUl1YKBU+LzoSPQ4LV6gpdk+Ql7MFUb8jzX5zmCl8XblNVWUbisWThF0EgWy88T+RF4Tmw/KdDXJ4LdIgLcP2ePD3ZKI/OPEB/3OQXE2XihsbqVIyN2ShO4PHkgks5Umc4brE7X27qAOrUfYfVqR72Fma5bWKWXTmHBydLzZSERtzMMxzX8ERAn51kf3GBgiPYX1pgMJag7NaxNIW7xiuYmsqdY9LWvdfWuG2sgi8Epw7FuP1AHs3QUDWVZX1xJuarWBqtVMS2cWnTv67Zqbk/JsuWV6YtNvfFqXkBNU/eje/KVRlKROiPmSxPRai6gk3dBhFNpeD4GKpC2jSJmxZ1z2F3foZCI6A/ZrI373Bk1qDsCL766Bw9tsHuQyVW9cvql3VdGj/bPc+OQ0W04WSzRDvAbJYGmzGTXbkqFcdvGcylIlor3RFWSRWmZcNLkELSmhuQbLZCSEV0orr0MwnN67bPVKShXMPDd3wemSxxxvK0NLOrSnGwlbK4eG2WqitYl5Hlu7YeId+o0B9L8cD0FPdPN3hkqkwqIsW/pWKDXZrKhm6bXfM1oEbK0lieihA3FDb3pLH1CHdPTnNyv4mhZlio+0R1WaLs+HFSEY2xYqMlqN0+UyEbldGJMOW1rstmNN/gxtE8AOu6bO6dkmmpuKFgaAqmprOpJ0Y5bXHhqgRff2yeHtsgV6gTbbZ80BQFTVGYrHhsm5DnMVtxGY5rbOpKUnACfr43x3H9CUxNaZopKhzTneB16zV+uj8nWyKkdFQFZqoBO+carEi3fWo2dhlMVnzmajI1aagKpw7087P9hwA4dSDCo7MOa256PQ+s+ybn/0UJunslaVFUmSJSm6mkcCGeW2jbvi8WloYeIraFkk2C58tSyJmcJAmWjpq28Q4soA8lwA1Qh7qJJKIE8xXUZV0E+2ZluwAgKLkEVRcta6EfkZUVRvkSuAH+obK8o25GZ6g7kri4AWpPqt3FOTSda6ZlgnwDNdWeQ7BrTKaUBnvaqY9yFWUgC5M5jL4kolBFiWiyxPrxCbRsFIUqIpBES7F06SUD0vwu7JnUJBQiV0QZ7mvqUJq9ep5eZhzqSUISEEYyrMgiYze1rT9Z3MwwLG9WlSaxqi/1i7EiiyqGFpVSL/alCRs2hgj/H2paWk0bn2bGt5iIhP2STEOmljxf+reEjSVN9XkzoOvgDwcd4gIMxiO8eHWKrzwyy4buKFa3jesLbj4oK1/ihkLZFWQjGgGCgZiObSjsL1Y4urub0eIstxys87Pd8630wFG9MdZkImgKXL+3zPouC0OtU/elHqDqCm45mGOhIei2VCZKDc5bmWbXfJ2MJSM5n71nEtPQWmkQxzY5cTDOE3M1thzbz6OzDoqqcPqyFHeOLrCxJ8p3t8+QjkktTVxX6bF1uqPSLC+qy0qg2Ypc4I7Myjvqo7otbN3E1HR0VfYjcnSPvfkCVS/PU3mPkYRGpOHSHdWYKMveO1lLLsTptEWu7rZ8RTb0xik7srGhpsoS4KiukYporUohxxLUPJ+pXI2sZbMmE2WsWCdrGfTYBqO5GntyNekL48p+T8WGx7Kk1UqbZaOydNoJAiaKsodSypJkbmU22kydwFTZYaEkS8zHiw4vXRPnYMlhbTqGrmp4QQB4fPXR+ZanTKXq4tU94pkof7G5m2/tXOD4gTi75msU6tKRts9WmauVsLQ6AzGV7+4qsyot/W4AjuuzObFPap3qvsuXHp2i5vmcsSyFbShMlMBHcMGqFDO1gELdYypXY01/nOP6LKqu4Jgei935Bm4A83WHVx6RoOTIbtQvXZvhGw9Mopky9ZO1jFYKaNuhOrNVl4lSg3Vd8vP88/0VUhGNvibJGUpEOGs4xnzTkMzxPTZ1Gzy14JKrB9i6gq0rDCUMGr7gxD6bp/I1VEW2C8iYCr+YqHF0j8VYaY5cI2Dfgmy/kLFUHpyd4C1P/hW3HP1Zzr7tdSiaDk5V6lysJKJaausjQrO2kLSEVTiLbeGtiBSrNst/lTXLZKPGQ7KbM3YUf3IWTVvA3bMgNTDTC630kT9dwljfgz8tRetBoQG+QBvJoo8kUWLy51BRlRax0FZ0y15Fjit9Vhy31WcJAM9HH5JVU/pQQnaQ9gVKdxpxYBol1ex63GwZ4E2WMSIa/lwVxTbkvoZsJqlk4oj5IjgBwglQYjpBQepfFNNAVBrtaMRCWZI9kNdncYsBHcgX2yQF2mTANGS0I51oG8GFhMXz2+Qk1MiYkSUW+62xwshHELQ9Z8IIT1il9HQfmbCcOSRTi1sALK6ACoK2PqaVlgpk9dXT9DIiCCDoaFz+t6EjxwYsXSGiKWQtnS2DMTZ1GdiGwkzVY3VKo9r0bElFVGqey1zNZ20qi6EqxA2LQkPwkydmueiIbv7PGUP8+eZeNvXY3HWwxINTstz2/qkK1+3Oc+ZQijvHKzw043CoLDUdIwmNdV02DV8wmq8zWfH54b4CV5w+QCqicckR3bxsbYo7//iNLNR9XnVEktUpHT8QrOuJ0RczePWmXvJ1nzds7iMV0VmeMlukJWWqVN2AXfNVfrQ7h6mpzFYdxss+R3Vb9Nspqp7D3ZML5BsucVOh4QdMVuTdeMJQuHZXnp/uq0gtRF4Sn6ihEtU1imWHuKHx4GSJnXMVRlKRluU9SMdZTWl6iTSbJYYCXTMqfVSyUSm+1VTI1WQvpoUmGSrUfbJRA0OTUYyaK51mX7Q8zp6FGiNNMtMTM/ADWD+QwA+QpdLRZo8ZU+PVm/s5ZTBKw5P9hG4YK1D1GvzDfft5/x27ma26mE0nPEVVUHWVrKVzw/4y2ajeMqIbSUUYimusSMaoegJLNyk0BNGmV0vc1FidkY0hr96ZQ1UUVEVhMGGStQwsXWE4rrG5z+b4fpuCExDRYDRfR29Gl+45VCMVUTFVnYV6QMMTdFkmI4kkczX53hzTY3DqqizremIUio3Wsdd322yfke/D5r44uZrH4/MNap7PI9NlTE3FDyAbNai48r2sug4/Gi1w81iNhYag4UtB9sGSS9kVVNyAAMFkJcANBCtSGsf3pjlpIEqfrTJZ8bCbfbrqviAbUZirBfy/yYc485PH88Qf/7skLYZF45t34P7njQS/2CEFuWHaIxlvd04OGwA2y4IpVlqLm5ial2mPIMDfcVDqUFwf4lH05RkUXcU8qk+KcEuONKlrduz2DxUJcs3KH9dH60+A50lxbcVD1H2CsgOaQlBzEeUqiipJj2KZUocSNkMMjeOaC6to+CjZpExjBYFM85iGJC3VOuRLMlVUk1Efb7yE3yxTVyxdRpCaUcWg6oIv8A9VEI1mZMNQCWYlYZHnKyOSrZRLudYsQa63K3ZCC/7F1v6qIolL2FE6fE3Y4XlxP6BQu+J5bTITGtmFXZsXlzFbkbblf7g9FP9akXbrgtCDpZkma1UNWZF2qiokiWGbiGYVlMgXW1EjRTefN51Lx8flDwcd4gK8dn2KhbpMZ9w/XcU2FI7MGKzLmlQ9wXBco8+OYKgK+4uy18tEZQHbUPjq4/ulaHEw2epXU/eFLB2uSnv7P9mY5cT+GK9Yl2ne3cMPd0xz18EC3c1eRytTJt99ZIpzVqZ4eKrCS1elWJGM8ZHTB/ny6S/nHd8/iPve/8sVJx3JhmyWUwcGeN36LtZ325w1bOMGcN7yKKMFh60jCU4biOAGgplqwJMLLjtm64zm69Qqsing5r647P4cl3nvdETelYdkIxOJEtEV7pmsM1vz2bIsyWi+zljJ54iMwd68LA+ercqoT7bZ3XokaeEHgjXZKFFdZWU6Sq7uMVGSd/WaIvUqpw7FiZuymeREqdHsI6TQY5sUGx62peM3S53DPkPH98ebbrg+x/TFiTSN2HI1qZe5eHWSdx6XZaosz7E/ZpKNGpw6nCLwpPZiKC6J6GOzdXbn6vxkVJrAhRqakaTFqcMpBlIWx65It5xso7pMYTlBQK7msTvvoSoKowWPOyfy7C96nDwgIwEn9lvEDQU3gJXpCL+YnOWphQKBgA3d8nP0RM4lELA2o+MG8MBkmVzVYVnS4vRlSRw/4Mmcy0Mz0p7+5P44Fddlb77AeNmjz9YIBBzfH+XYvhhnrM5y7ooku+arfP/xGcquL/s/LdQYSUV4cLIESEO/EwfjpCypI7rloOyW/OjcPNvGC2yfKbM2rUsRtiOINfVGgzGdx2blInvPoRp90SiWZnB8b4qRhM32OZeCI1iWilBvNrlseLKs+pNHJVj3vhO46/R/QTzwCEqzKqh67yHqt48iDjadZYvldgntolQM1TrBZF4at1VrKHaEYHQSxqfRhtOoXTG58E/Ng67j7s23FlytP4GxsQ8lHW/rSmwdf8+M9HqJR/GnS5KoVF1Zqmw0Oz6XHIJcXRIQAF2XhCEQMtrRjCIogz3tHxNVwZ+ryQU3NIZzpKlaUGhIYpSro6Ui6ANxzHXdsoLJ9QnyDYK5qiQqgDqYlT2XIpIcKKbR1tr4ok3mFkdIQmIQmsyF+4T9f0KjubDCqDnnVm8kaGpbmtVBRfn5o1qXkZpWD6Oneae0ehg1lkZZFqefwvRO2Ayy1QYg2nYBDgXCi3sVhWklvekq3Jy3oukIp/68aVw6+MNBJ1UEpEyb1RGHTSfIkuJAQK9t0B9TOFhqoCmQazitCMRTCzJlYqhSsHmo5DR9SRzWd5kEQlrBb+6Lc8GqGIWGwA0EePCNx+dYmbZ4Yq7Ch07to9AQpCIKX3xoHs3UOGtY2vhXvQb3TzuMJDSqH/g8P/vyGEEAK37ydfrvfzP7CjN4gc+frBtgplbkj9f2sbVvC8d0P8R/7t6PqiikTJV7JysU6j77pkqIQLB6MEk2qnPWsiiFRkDdc3ECj3yjQtkV3HawzoqkwZYhjSfmnZZhWc2Vzqzf3j7DP547zL9tn8cPBHNVl439CcaKdfpjJmPFutSfuLI8WTrserItgSMN8nJ1j5Irml2kpb29qaqYqrS0X5G2WJmO8shUmbIr2xnMNl13jx9I4AeCYsPnsVmfTb1xRhIauXrAXM1nf9FrtSWYKDl89LRVzNXkov2K1VkszaDP9nlgukFUN9g5V+H4fukG/NbNUR6Zc7loRYpbYzqj+QYPTkm9k6lJIXMqojOar3HqgMl9U8WWGLfHNjiuP85xvSZ3TsguzmsyJgMxlYYnpDeOIsutH5+rtvQ5IwmNlUmNQyXZtDFXd3ED2NQTZSCmsTYdY6ZWY7xc48hMmt35PBu75LhVT1B2AlYkNaqeSXdUdtDeti9HNiU1OrNlh1REZygR4cUrElS9OIWGbL8A8PI1Sf754Tk298Wls3LDY6bqL+nFZekKdV9gqNLvZ/tMmbsnIwSixCkDNl7gk4qoNHzBi0eSPDJXwTZUqAUc25OgN5rkE8E4H77rz5j9wH8RG4qjRDSqM1WMsos+kkRfF22nQabmmmXRfsvnRB3KgOcTzJUICiWZlnE8lLhNMF0ETZGRDs+ThnXlKspIP2LvIakL0XUZWem2ZSooTGWUa/hzVfxpeT2UvhhKXxqRK6Kt6JaNFq0IWkYSBMXQCCbzLQLhz1fRggB/oY7WJyuLFEtru+USRi9kDyV9MCadevti4Pp4BwtSuFvxCMoOWkaWh4tqA5Er4udqsmTaDVB6Ui09jrpMin6DiQpqMt7+MQvTWGFKphUxWdRjKdSv6It+/lsk5mlkA+T70p1pp+vCtE64X5jeCTtCl6vNNFEzhdNqWaC1u1eHvY/C1wbhsdV2K4EQoZ4m/Ew0jedQpL5FMZ7fiMuzQifi8pygQ1yApBlld7FGxpIGc3M1qXk4qW+EJ3Kj1D2BpQvqnmAorlFoBBQaMlyfimi8fE2Sx2ZrDCU0Gp7g56MVNEXhAycN88+PTHLecptbDhQ5d0WSnmZTxU+fNcjWoaOZqk6zrzDDu0/o5vbxOgdLDdamdf59Z5G4qfGdx2cJLl/Nqz7+KpYp3XwvewWrTv4aFzz5z/xi6nZsPcKRmUFWf/1e6u85lX9/chSAW8fr0vep2Vl57WCC4/rj7M832DJsNVM2sGN+Xt7xTze471CRU4eS7JirszZTJlfzWJu12NQtQ71nDFl876kiZwwew5rMnTw0VcLSVXYcKrKiOyY7GFtGU/+is7wvQt2XVTjZqEGhLtM8pqbwo6fmWZm2qHkBQ0mpUym7Pr6QUY9C3SNlaZw+FOffH59jJCl7EOVqkgSdPZJkb94hbUmSmImo3HygiKYoXLImyZGZGOPlGrYe4YmFGc4ejjAYSxMIgRf4nNAX4byRFTwwM4ahQtUT3Dlexxdww1iBx2akHX4qokmy1TyH/pi07HcDGC9L8lF2fGarLnNVj+v3Ovii2Z/PCRjqTVD3XaYqDnPVuuwh1WNj6wqPz9WbvY5UlqdMju+Pcs3OHGOFOiMpi9Uphd35CgMxSZJnakXcQGDrChFNZ+d8nRVJnUAIds1XmShKO/8zVmc5IhvhJ3vzaJpcADRV4fF5hyMyBm4gOHdlRoqgHen1cvtYgXrNxWp6uhzfK6/VfL3MrQdlGiphKFi6wqnDKRKmyiMzdUqujC4Ox6UhX9KMEgRlpqs+bgALjSrz9SpHZg0+Pr2bmbduwNYVLlu3Auv8b5JZk6HywBSptb3Q393qKKwM9SNm59tVLo6LKJRQ0zai6somjKkI7o5D6INxUBXcvXmMdd04T+XQemyMuGwRoI8kCWbLqAmTIFdD7W6W16oKxKMYqzMoze7Gou40nW2b3iHN1KG/UEfr0VESFkpGb5dwuz6i6UiN5+NNLKCv7UVM52WkJrTfDwL8uRqqrSOqHviCoCr9YvTemCRSgHClOFW1dbxDZWmaV3UJCnUoNN1pVRUtUpbXRVPaVT9htVGdRUJYp13tE+pyrEg7PVOtt3UvYaTLikiNTNMEsIVwfNuCmVy7pDqMjpSrMv0UpnzCNgFh5+hqra1pWSwKDucYNn2sN8DS26tTtdaOssRtRLGMMA1ZUaSoz5sBXYe4/OGgQ1yAh2amcU2DmWrA2rSBoUrNQdVr4PqC8bJHOqJxoNDADSLcP1lFU2HrsjjbZxscKjcYL/sc3RPF1iP8yQaFsaLP9aPz7JyrtPxEFhqildpYnerhUGWK8XKOm8bqnNhn8voj+yg6NW46WOaskRi78x4vW9fNZMXnNT++jRevSPK3XzuRa990P/Zx7+C4C1dhnX8kAK8/KsWe7/57q4LntGEp4jyqx6aSDnB8wVxVlsB2WSZ78nVGiz5zVZcjsxG2z5RZk4myJmOyc67B93eXOaE/ylnDPQQioD+WBuC+qSf51x0PcOk62UX60f0LZLLRVqpHU2U6IlfzWJmOYOtKqzoobAgZNzVOGIhT9QTbZ8qcNhjj3smqtO7XVaYqDiNJ6ZArq6qSTJQalB2fl6xKsivnUHACemM6IwmdeydruIHBS1alMFSIGyrd0QS2YTJezrGpK85wPIup6czVSoyXcxgq7CvIaqnbD1ab/jIGvbZMk4wkI0xVHM5ZIcvMw1RLt63TG0vwtccWcJoW8jU3oMc2WvO+ZX+e/rhJT8xkf7GCbSj0x0yOyMi73rovmKtLE7jNfTLy9cBkmXcd19XqZVR2fH4yKrtThyXd3ZbUnFy8KkY6YrNjLo9tRPn24zlJphoefWmZnvCFbJ+whxqOL5jI13lyuszUUBJNUWTlWdzk1rEyNTcgFdHoj5kcLNZ5cKrKuSNZslaM+XqZzT0G2+c9rto+x0fP6Of7u8vYukK3bbAyqbG30GyPEVHYtZAjY6ncN9Ugqsv5nj5ocevBKkMJg4gmU2jvv3MnP/vs+cx/9QG8uo+/bxatOyN9UJavRsweWtq0z3FR+tJQraP1JxA1l2Cu3TQwKDRk1+hDBVkanbHwJ6RAV1RdKcYtOXjTVSKDKfzZsvR2cfOy9LnekM0dszG0sO9OIOQ4B+aaepMCasqSZcvNBV8bTEG4oFkRSXjiNv7uGfSE1XKdDWZkZEVJmGgDMbxJSaQUVUU0POkrE5EiXa/Z6RrAn640O11HpVNwKoJiaQRlB8XwUZMW7r4cWiqC2hVrp1xA/r9JBFuW/47bbB0gpFCgO9226wdJEqAtpg3/PK89TujeG2pVQg1LSITC5oyLozaLvV4W9y2qO22zulBrE/ZACveF1mvFYsM8RX3ezOc6+MNCh7gAhyo+pZrCERmdsZIUGc5UA3YvTABw2mCER2elEVcqovL6jSluPFDj1P4s2ybG+fG+MoWGx1uOWkauXmasKEPnD0xVWZe1ee36BLcebOD4kkC84ag0j8zO0B8zWWi4DMQ0bEOWu6qKSq+t0WerVD2NvqiMAo0k0gzHLR5ZOUw8fj9jB8G8/SArL9rIK+ZncHwpWM2aBjXP57YDBV62Nh22Z+GSVTHum6pS9QT/9/5pHF+6yY4kI7IEuewwkrS45UCJoYSshpquBcSNCE7gc8vBUXlHHdHotTUGYwmggBk3KRQbaKbGeauzRA35QzNRbHDfIdkwMGq0DdJSEZ1jemWH5YGYymhe44b9RY7pixPVVS47Msv39+Zl5ZOqsGO2LiM5UYPBhEnVFexZqHHO8iSaAmMlj5Upk4Ijq7NO6OtnX2GGfKOCrmrYhknVdSg6NfYUpkmaUeKGxfa5EkdmTW7cPwvIyqewn1HKVFieNFiTMam6AbvLTVFxIJiuSI+aqKEylDDQVIUHJ0tctj7N3oLPgUKD81Zl6LM1LE1hrh5gewqFhjRtu3eyRl/MaKUXRwsuNTfgotUpHppxOHdFnIYnUFWFH++RBnWbe61WC4qooeEGAaNF2QbhwckSXrM/UaZpMhimfJ6cLhOJ6EzlasTjJnHTZNd8lUrVpVFqcDCio1s6w5koNSdgQ7fslP3ZrRuo+y6789N8+ZEF4qbGirTVaqx5ymCUui8IBLiBfK9nK/JOMkzpHdMbZW/eYVOPxfZ5l1eujbNz3mEgpvHkgsfWZXE+SZ3LDpURgcD98T4y01Ui529s30H3ZuXiFy6+TX1EUJHlx0rdwxjJEiyUwZVpJeeJHNaWYRTLxBvNoS9LyQWv0sAfL2Fu7MY/JMdTl6Vp3LUfY00ab7yE1hcjyMkSazFfQe2JQ28WLS4XUzGZQ4lFpIg2GWs72i6yr1cSJkzNyUqjQJId0cy5aT1R1JQNToC60kTtTUly1YwEBVWZDlEsHWN9V1N0HKBlo/hzVSk2rksBsZowCUpOS6Qo3KCtqQlbBIRpnLjd1rW0OjQ3myVW69K/JSx9tqPNyArNzt56O7UTinXD8uQwUhJGdDy/bRwXokV8mnMywy7QXtuQLkxttYiS0ta1tFJcoWmdAF1F0U1ZTeT5PF/eKDK482wjLs/NXP63o3MZgYemanRHVe6fqjcFrT4lV9AdVdmdd7n7UIPpioumwP6izzd25ElGNHKNCqsyEXbNV/nrE/tQFYUd8yUmKz4jCZ2RlMXfnrKahGHxmnU9nNIf4fINvcxUA8puwMMzNWaqAd1RlZIjuH96lodmymQjCiuTXZzUl8INpDZiJGEzGM9w3N37OePVAww99Sa++KlTedGhQ7Jk2PEpO35LhzGUiDBdC7B0hUxE5b6pKk/MN7jm0Wn25+uMzVYYSUboj5sckTHw6rJjsKZIwev22QopU8EJfMbL89w31eDEvj4qbsCjcy7/cO9BemyD1RnZrTrwAh6cLJOruYzmpWX9UCLSrBYKmqLagKmyQ8ER2Ib8AdjYbXPCQJyUqZCydG46WKRQ95qCWBVTU0hFdFIRmS55Yl5qaRq+4OieKJqicNpAjKG4xljJY39xlqQZxfE9vMCn7NTRVZVDlQUavoeuqARCcP7yXspOnfNWxDi2L0rWkl2ruy2Vubp8T3blHH6yN0/NC5hrVhQVGp50BrYMxop1RvOyZPvJBY+7x0s8OFVuNVC0DUVGhxoBCVOlz1YZiBtU3IBHpstsHY6ysctkRcpgvOyzZ6HBXE2auG2bqJCru2wdiXNyf4aLVqRYkdTIRBR+tLfKT/dVWoJigEhEXudQ8PzonnnSMZNL1mbpSUfZ1BtnZqZMtdnTyUpZLOuLt7pW99gGF62yedPRXcQMKbyNaNJrZqrsUHF8LliVamUOCo2A+yaKRDRF7tP8O2EgzotXxHnxSDfnjthYmnTUnSjLBqVP5eV1mqz4uL5g9ppXsuJLl1KZreJNV+QCleheelce3v03be7VZb2QjKMu75bOuoA2mEIdSEsxa7M/jnAD3H2yZFh6o2gEuToYmqwmKlel2BZkWXSXLRs01qXexB/PSy+X+ZL0kYlJgzQlvPuvuYhyDe9gHn+mgj+Wk1qZtNRMCcdFsQ30oYSsdjI0gkIVTFV2oJ4poNqGLIVOmKi2jqIpKAkZUXDHivgLUoOjZi1EqKXJyGaP/lyzZLsnitbd1AiFEZFQ+Lr4z7baZCAUyLZ6Dy1ywQ0jMCGpyKbawtinp46gXUodRnWgLaYNCZOqtv1gQoEutKuHFguyQ4SkJSQxqiqJnWm0yG2odXle8FxUFHVSRc8JOhEXYF++hj1jckxvlLIj7eZrrs8RWVnWW3MFmqowGNd5Yl6GwFcmNQ6WHO4eL3H+6iyDsQz5RhU3gD0Lkggd09SGeMIn36iSiqh4gdRj2IZCRAuwDYW1qSwPz84zFNcZiAmO6lqG43tUPYdURDrY1n0HW4/w5dUR+j9wDB/58YP4gXSBLdQ9xopyXmPFOpt64xiqTBeUnICCI/jFwQKHZirEUhYbum1MTeWR6TIjKYtCI2C4J8am3hizzdTRVNlhrhbg+B5ZK07UqHPr+FRzgZdpiFzNZc98laEuOR7Ag5MlemzpiGtqstoo1KX0x01WpqNkI5KoPTxdaznhXrQmw2zFZawgF+M1Wdk6IDSmW5GOMBzX2LcgSFk6u3LS0fjUgQj9sTS9doqpah5T1dm1UG5FBI7vTeH4HrYeIdeo44kAT/h4gc+/bp9nz0KNDd02NS8gFdF5Yl7qXPbnZXfn123Mcu2uAoEnGzlevCbNk7kGmiqN3nwhZEl4w2frSAJDVbjjYIm4qXHT/iIr0xa3jZXYnYhwTG+EhKFyRFqn7CS4b6rBzrkqpwwl6IuqDMSi/GxfoRWVOqY3yktXjlD3Xe6eXOC+Q1WcIKDmyshdeI0IGy+qSsuY75g1XRzbF+O4XoMf7fa5b7yA7/gce0SSVERnotRgoiQXmrLjc+JggmO6h7l3+iD3TO0hZVqYqk4qovPGozKMJGx+uK/A6YNp7pzIA3DxmnQrFfjIlKw+6bVVUhGVJxfy9MdM3KDBqlScfYUyCUPlUMVjTTbK3oU6h3SVeyd387ZjetmcjFCdrWHtnEBffQgl3QNOFWE2HWNnpMOuqM6h/P/s/XeYZHlWnou+28aOHTtsZqSvLNtV1dVd3dXejmEsM4MZBCOcQCCQhJA96EhXEkfnCqQjJKGLkwBdEGhk0IBwMwOMN3RPT9tpW93V5bMqq9JHho/tzflj7YisBpkjZhiho/o9Tz5VmRk+I/Zv7bW+7/10XcS3eTGhWCZZ7p5JByHR5TbGqX1k0TbatC38EyC+PsA4WEVt2BMhsHm0gZJ3CaML7cmIRj88TXR+B7Xdl6JnfYfMiwQa16hCq0Pa89FmSmhNG8XU5ffzDdLVHdS5GvRHIhhGYgfUhiVW7GoBRVMkCwlAU8gGIUrZJLnal25KL0CftWWEpL1xs0tzTpBWLxJd6aFNF0l7Acq4GIh8GX/lmh1lnNg8LgT8QIqr8SiuO9jD/oN8Pze1l1d0owNoXHyMWS3jsc24KzO2UXdltDqxbPeHe+C78ehpDMaLk70MJZCCaeiKUHfcIRoXV64vv2dMzkW4QDfX/1LrZuEC3L9QxioaXOlFzJSEj3LbtEXLT/PMHflgdIKMakFjX9ni8WsuFzseYZLyzUemCZMYU9WZtlQcQ+N4w+DU9CKWbnCpt00vyFgoFQiTmLmSyettn6opgC8/iTg5XeOZzU6eBXSVpm2iKxpV06IX+gzClG4w4ovrPvvKMSdnHFa6gru/bdri245X+Ow1n4IGD8yZXOjELJali9ALUl7e0rh1X5Uky3h0qcSMrfLIYhFVUXhlJ8htySHVgsbVfkSSSbH2y6+t552GhGmrxFNrg3zEZHGx43GsKS6ooq6y0pVN/0ijiKaI1uXZ9QHvPdJgvqQxDFPcWNKvDVXhvYccXtiWzKIzLY85x6Rsqux6CWVTZRM4MW2z4Og0LJWn173JKOJNSzaHqvJ69kOPl3a69IIMP8moFqQ4eG4rxI0Dpq0yVwdtaqbJljvg1vocr7Y3ee8hh3/7akQvSFjt+1QLOpqicGyqmDNnFH7zXI8wSZmpFGjaJi0/5Wi9kBOBTT5wtMznr/vi/orEZn3nbInDVZ1bGwafXBly+0wJS1P4xZd2+L47m6j563WoavB1h5r869MdvuX+A/RDj16Q8mtnWvSCmDfvK/PrF67SCwUGVzRUqprogJ5d7+PF0mU7NetQNFRmSxI6efeMwT3NRfwkoh96/KM3zXG2HXOlH/HQfCEfOakkmYQsnpi2mS2q/PqFK3SCFMdQCJIo/1tpFHSF60MPQ1N4dbdPy0+pFxSqBeleHWuYHGs0aBQUNkYpVTPD0ODTqyP5PJhStH/00kCiDfbbrPR1ojRjuqjx5MaA/ddGWLselY0h2u624P7tCsThngMmjASn7wcorkc29ISm2x/Kv66PcayOWsw3uyRDsTTirZGMaRwTbbkhziTXBQSAp9YNsWhruRg3yVH4UUo2EnJuMgjJkgx9X43kzHW0hSpKQRd2S1U24CxKUExDMP75Sjq+wO9argDlugHpIESxdLTponRh3AgMjWTLJfMTkshHGYRo0zaKCmrDItkaSQK2KkUOqiqZTS13MopSc7eUUirsiVwjCelU0lSKvbmpPf3JOHG6IqnkE+aLZe4Ra0F+NhHR5lC5MaZfvWGs8wfdQOMuSsWR+xlbpseJ0eMog3EnaNwxGo+ixsXKmEGja1LsKCpkgvvP0pQsDr8Ku8RXRpx7k+PylVk3CxfgcsfnTU2bq72Qs7sepqpyth2wXDG5bUrm+pd6MfWCiuFo/PtXWyRpxqlZh2bJxDEs/DjiF19dZ3MYcluzyEKpzJX+DnGWsu2m7CubDKKQKJU2+7Sl0gtT5jSdOE24Nhxg6woztsrvXHIJkxEvbQ25f6HCgarBvbNFrg52+d7bZvnU1V1uqRl4UYKmKtiGwlMbATujkFOzxcmJ07xts+15nO3IeOCuuRJVU2VjlNALUuqW5MvcP1fgWQnB5vT2iHY+TjA1se2GSUovkI7JyRmHekFQ8ePR1JhvslwV50/Pj/NOhCq0Xk3hpS0vDxQMqRdK9MKEIIFZW8OLUk5vjzi363LPfJn3HCzxwrYIU8fo/scHQmR9y3KZtp+SZhmbo5B3LB/mo5cv8smVIStdj/sXKjy15vO5vANUNhTef3iG1UGCH7t85/EjtLwBaQaHqmXuW4gYRQLLW81dG14sbqGxlmX8s4M1i1EoSeAgFm1T1Xnnconntzxe3vZYrBS4e8bkUKWOpRvcPjXE1HRWB32+cM3goxd6PLDoUDI1emHGb10Qu/XvX99huqjypoUSH3ptBy9KGUYZHT/GMTVWeiHTtsG1XkBojAFyOkVdY7Xv89BSlSvdgEP1AvscESbrqkrDKmFpBndOlzi9e537Z49QNaf57UtP5XZ1cUEVdIXVQcKjC1L0XhtEnNt1eceBCmkKl3rynmh5Qg3uBBnXBgGOKYGQH7ilwTDy2RiFnO1EbI9iDtdMLvciXtzyaPsyajs2ZbM6SHhkwWZzFPL5a+LecuoGum0wOLNL4U274NhksEfVHdt8x8LQioOSU1+zdooSJ6Q7Q9nEqzbpZhfz/v35OKNF2g3QmkXSrT6pG6Hftkj4zAr6vEN8rYdqaSS9ACOH1kXnWzKeCWLRmcw7ZEFM2nXRlhskGz20+SoAyfUu2pEZsu0R2fqOFDCuj+LYKIOQ+GqfLM1I2z76/ooIiecd4bpEQtpNhyHZKEKbtdEXK8TXeiiGKtboIBbRbyL/p2xOjl1jW7U2I8WHomtkuRVa0TWU/dN7QZC2JZC6ceGga2AV9wSxN6ZEj11FY6EtvNFmnWZ7Rco48wj2Rnw3Wqlj9hKedV1uYwzFs8w9d9K4iBm6ewTf8f3cGLOgqJDGZHGMYpgoxlcH+X+zcPmTs24WLsBSxeS1HdlYb5u22XbFIfPs+pBqocJKTwL72p6c7Tdtg8stlx034vnNIYerGvMlGaF80y1ljtQqbLkDyobJuU7AbY0ifhJxti0beprBRy906Acxf/XeWWw9ZG0ouprXdjNW+76MAJCx0wPzFs9uetw/V0RFYcbW+LkXtjk169ALYs53IlZ7Ae844HCsblEzbVYHbV5uSfu+XlB4874y1YKKG2W8kLf1T844uSC1OLF0VwoVXm95LJZNapY8r16Q0glkYzc1hU6gsjPK29WKJAyHSUbPl9fnws6Icg6AOzXr0A0Snl0fsFyVfKRfP9umqKsyRirqeHGC1/MZJSlfjFOmbYPzux5nr3ZJwoTPu5HEKCxUGEQZn17pMGtP0/JiXtheYRim/M175/lnz63zvkM2v/BywPldyX1pWDrzpeuSrePGnGmvSdhkP2a5rHKlG0zGRItlcRIlqTyvJBVBrqkpVC0R7y5WCjy/KbqWe+ZKjOKQesGmbgU0ijrfekuTs50uYRrz1PUWZUPh/rl5oM8/efNBrg/7/PgzO9y/WGYsMRtGCVcHMR+5MORIo8jtMyXW+iFPrw1YrkiEwJxjYqjwwuaAfRWLthvmj2tPQ7TS9blzpohjFEizjKIuB/S5UpV+6HGw0uT/84WX+Km3PoyqSiRP0zYmf2NLU7jQifndSz2O1Iv87fub9MKEYZhxbtdnzjGxNJVL3ZAH5ovYusEwSvnZF9oslHTumrF4YculWtA5XBOuzPFGkceuS0H1+1d7vGWpiJ+AF0cMo5T3HSrxpa0Qq25RO1QjHIYoRw6CYZGNupNNK8ntzIpTFKhapQTtHlmcopiyGWap4PtpVFCB5GoL7eR+1HJRxkSH6yiWKa96PsrI3Ij4ah/zrhnMmRI0qmTuDpkfo8zaZFEiRYsbCaRuEKIYrliyV9uTooZQYgWUSgklTztOd/uo9SKqG4ngN6fhoirEKz20WVtuT1PI/BhMlcyNSfu+dGbcCKWgY+xfmAQ0atO2pFhvjVCmbFRDFc0HyEjMyEi7QR4XEKCN0frjhOr+aK+4gD1S8Y3FzFhP0upIATG+3LgbA3t2azfasz5PxLnJ3mUmCH9trwgaa1/G8LnJuEjbK2jGXZ4wQimVpIgdF1CKSjZ2OWVfReS/8uWHLH75IY03F9wsXAAYRSlLtSIvbQ1527JNkgls663LZXpBysW2N8mf2RmG4JjEvjhdlqsWn1wZ8vcfPMCfubVMmMRsukPubi4xjAIGUYhjWswZNSyty9967Br9Ychfun+eJ9dH/PTTG5RtA1NVmXNMXl3vE/sxmqnx6OEG53Y99pVNClrEi9s+D80bnG1HwgpRFW6btnnLYomVvk9BUzham2cYCQ31ci/iwXmLRUfjdCvifCciSTPunHWYL2mc3hGuyOogYb4UsVzRuToQgNyCo2OoCmvDhI6fsK+sEzomSZqxMpCuVNXSeHa9nztZlLzb0ef4rDMR+Q7DZJLM3LRNHj/XYmGmxHrHw9TUyfOtNoo0bZML17p88lKbJBMBaTgM+XMPLnJ6x6Na0Gm5EU3b4JMrPQA+d5U8nFFlsVygbJj85bsa/Iczfc61XT7zwjrPrpf53juaXOkm/IMvrtO0Tb7hSJnHrrcF0panW4dJyihMqJb38P5JJuOSoiFQvbV+kBeWGo2izsGKRr0gE4Y7mgU+eGaTuZLO6qDN49cGvHlfmQdRcAyVjVGfNIO/ds80//jpLRxDo+3KhnvGcAnzwtiL0xzgp7DS9WmWDPaXdS50IxbKBbw4IY1T1jseYcUiTFMWSjpVS+NwTbgu3cClVrAxVANN0WlYVV5tXeHcrsfPvfI88yWN5bJGyxOd1aWujOe2POHsPLpo4cYpT64HNIsa7z3k8PncNj4ME862o9z2HvFX75lhvqTy1Ib8TY83TF7bDbhrpsoX1z1OThv8/IstTE2hHWRESUbDUnl5J2SupHO+7TH/w29j9B++RGHGls0odCU8b75GlqZoR5bh8vU9Kmt3kKPh94L5kpaLahsoQLzSloJjdVO0MKoqJNyWK8JcQJ8poU6V0ObKJJsDKBXIWl0pRmZLMpIB6VSkGYpTlPGQG5ElGdq0RbwxJNkakZ5vYx6fIt3sotZsyTcCsjAWh5GuEa+0c7hcLIVKkqHNlsTR1LAktTrNiK+LHiZzY+nKtPtgqCRbAfpsiSyI0Zo2ad9HMTSS9gC1VkApGiSbA8k2GkcHrLdRp8tk13bypGlxLmU9dyI2BvLxjCpJ0tM16XqMNSlj7coYODeGy9lF+RrrW3Q9Fwfn+UKO/cZu2dh5NCb5/sFk5/F9pBkTcF+akXnennXaNMgiX3ROaSpFTPTVGRXdXH9y1k1XEbC/anFu15vwRgCWHI3jDZ1eIEwSL0zw45SiKUGBVrnAmdaIz1/psNr3+bULWzy31eXz1/vcP7ufaqGGpRkYqsJj19t89toG//r0LkfqRe5brlG3VF5ZH1Ao6PTz7sodMzbvODoNwLH5Mud2Pe6Zd3g1B5XNl1R0VcPQFBbLJktlkzct2qiKynRRZckp0g1GnO1sc7kX0bR1hlHKWu5YGYYJXpxyrRdgafDoYpF75mzunjFwo4yKqdOwNBYrBSxNQVPE7uqYGp0go2yqrA1CLrZFVCvBiToPLVVYLBd44lqPk80SjiFxB6Ym+UH3zJfRVIVzuy6qruLFKUmYcP5qh6OzDqYjnZnlagGrajHnmNwz5/B9d85wYL5MQVO42PE43jCZdwz+8ZsOsFgucN9CmWNTNkVDpWwo1C2NdhBSK5QoGirvPlRHUcWV9CuvtQBJln7bfoeXdkI6QZrnKmWTIgsklHG169F2JZyx7UWc2/V4fWNAmKa8/UCN+xYckizjUi+hE7hsjBKCJOPcrmQM2YbK+w4LqO0L6+v82NPb/JOnd/ixp7f45JUR98w5nGjaaJpKOAqJowRVV7m462JqyiRderlq8Z6DZT5+uc/XHhBB9M4wJM2x+q1cm+OYCu+/RSzV3cClWaxK+raiE6URWZYyY1f5jtsaXOlJ/tB0UePh+RLvXt6HF6cslzWiJOOhxTKfW3VZHUgxc0tdNEb3zVl5B0r0TMMwYXMY8vHLMnq7b9bkG484XOhGrHR9fuN8n7O7Hr0w4+RMaaK3GkaSFVXUVR6aL/KuA2X+09QIrWyKYNW0ob4Epk3W283hZbkbxbZgaVY2Qacoo5FAIHCEqbh1NrokO55YltOMbOiRRQnqfA1tpkTa8cRSXS+Sdl2CL22AoZHFolHRDs+i2oYwW2yDdKsvWP6x20ZTpIBIU9HNNIqoZeGaZG5E2nUn4YmKqZNsDsgGvtxW20ebtTGO1CddGMVQSf2E+FIXYK8Lk6aoZZP4ap9kYyhjqzTN85di0cREiYh7o0Qef0FHrRYkQDJMZRQVJ3lHR8ZBac8VW/Uo+MMMl3Gh8gc5LmMy7vjn43/HjqFxB2Z83bEYeOxcGo98xh0bP3gjgXfCeNH3RoJjSOCNAYzwhmInCwLIbnA6/TEuRfkKZBXd7Lh8RdbNwgXYGoV887EqpiZun5PTBrc2Kmy7on1o9X00TUVVFOYck7mSycGaRa8vicNDP+a59QFbbsK3H90HwI7b4nx3g+e2Qn719V3+5XObhGnKm/fJpvrsZoCqqwRBTBqndPwIP8l4aXOIUy+yWC5wpFGc5CXN2oJgf3qjS5RkvH1/BSe3FKuKwuFqkwOVaa4P25zZFUhZOacAP3F9xIMLRd51wOZ9h0rsqxZQFQGB3VLXJ/bsRqGErUun5LVdgeqB8Fd6foylKbS9iDDJWCwX6AUxx3JH0YWdEY2izjsPlDA1BVNTc0dWyt/+e09x9nv/HH/l7mkUVWF3ZzR57V+70mG5VqRZMlnp+vzA3bMcm7JZG4Rc6IR854k6FzohQz+m5cs445df3eJIvcCVrs+ZnREPzJc4vRvx8tYIP85w44DT2yMemjf5sW88wrGpIo6pcf+CPNZ6QWW1Jxb3tUFAP4ipFnQO1ooYWm7BLhpomopR0PHjFMfQqDgmXq6HeXlL6MivbLuc2Y25e0YOyF+zv8xvn+/SKCh87uqQX3u9zb85vcvqxoCt1oiBG/Hk1S6nd4TBYmpyMNMNjVrJ5MSMw0rbozuSYvbZ6z0+dWVImKR84opHUdfwez5ZmhGOQqyiwZv2VXhobpp37NvHmxctFko1dv0+w9BndbBFP/S4NtihG4wEBqtKxlLbT4mzFFVR+MAtVVQFvuFQlYalkmQySlpyNKqmxpMbATO2xoGqwbldlzBJWSibbPSEs7O/3BB3mlPmxJTJt91ax4tTzrRcfu9ijz9/co7lqsWsrbLoaJxtRzwwb5JmKdWCwjf93ibWAwuYtzak45KlEOWb6nhjq5T2iLV5qGAWxihVm2RjiHlyBm25Qbw9Ql8q5/yWiGilK0XDbp8sSFBnK8SXe6Qdj8yVyIHMl/iA8PVtkrPrpD0fpaCh2CK2VctCkVUqJSlIChpq3ZFARkNFdUzStY4UO4ZG0vaJ14f4T10n6QXEWyMJ7mxYqBWxNit1B7Vmo8876LMl9MM1tOki+oIj91uQbCS1YUkHxk9Qi4Z0ZvLxUhal4lJSVekEpZmMzwwVdaok2pg4FhBfV0bEaqkgYuTZ2t4IZ9xJ0TVY39kbywzdPU3KWHxrFfKCRJW/ybjQcL1csKvudcbGcQHjIEjYGyGpity+6+9lFI3vdzziGq/8Ooquoxim6Fs0Sc1Gu4Eb88e4boYs/slZN0dFQJRkvLAVsDkKsTSZyT/DLoam8NLmEM3USBJR56+0PS5tj7CKBmbR4J2H6jxxrUcviNEUhfVRlzhL+OfPbfGBYzV+5eUtYj+m3ijy6JLDtptOxhDTtkHLjYj9GL/n82vPXkdRFI4sVTnTGnGwVuTfv7qLY2r86eM1nl73WCibtL0IQ1N4dMFkcxRiG3JG8szmFoNIkPCOYbHl+WgKPLpU4nDV4EI3wjEU/FgC/OZLGm4sH6TDZZ04SwnyiICnrvdp2tItSXIh7APzFmGS8a0npvM8J5X5ksYzmyF3LJR5dMlhGGWs9oOcdyL5Rq/8x3fw8Vd/l/94pkvkRdi1IkcaRYZhwvWOx44b8pEz24SjkI8C7z5YpedLdo+hwucv7nLfslhvT+94NG3B1q/2Ak40bS73ojGZneWyzTObA/72AzM0i2X2OQZrw4S2H/PE9SHL1QJPb/iT/CSAw/UiK12fI40iSZqxWC3w9v2VSc5T0VBZ7fmM3Ihvu3WKy72II40i98yYk0yfD18cseNG/MU763z+qsL5rtx+mGT0vIhCpTDpkgCTNOdmrcjIEtsxIALjpSrPbwxoFA08XWMtFyav9nzCNEXVVJKcP/LQYoXvOr6fsmmjKCp3NQ8RJCF6rmG42NtiEKVsjFIMFc53Iu6fK3C4WuJCd4RjWHzm2jUudGNOTulYusGWm+SRBRm35AyWXS/h37/W4545m2pBp+3FtNyIQkHn5EyJbuAyiDJ+8+IuBQ2O1sRy/bYDNWZtjW4w4usOl1jtJ9wzU+TBuSbPb+/w8o7PW5dsPvH3X+Ub1n8EvXMdqguQhNJ5ifwb0oFjSVquVQBJiVYqJdGSOCbRlS5atYB5zzLptd0cvNYR4FtVGC76rfPgB2RBQtISRkrhvnkU0yAbCuRtvJKWJ6nRaQqjQIqbaQ1FV6U4yF016Y3OHlOVwsBQpWtSLaA6JlmUSpEDJNGA1JdQRbUsv1MMFa1hSZGUUyOzIMY4XIcoFWdUw5LuUhCjlgoyHrI02QyLBmgKSWuANmVLhwVkHGSZMHRRcmZPOgoEl6/rb0x3VpV8HKPnbiPnjcGLabZXgLh+rkVh7zJjge+4CBoXHq5/Q5cmvw3X3xsfjW3ZN+Yp5ToYxSqQjYMkb1xj3D/cDFn8X3DdLFyApUqBZsXgcM3ktd2I26YMfvX1LqamcH1nRLlSwAsTyra0KpM0w/VjaiWTj72+g1HQiYKYXS/mM9f6XO/LAapuqRyfFQHsew7X+fRKn82RwLzuW6jw5MVdVF3FKgs7omioeVChMFk0hTyfJ+IXX25xpF5kfRDK7w2NXpBh6Qo108SNpUNyvKGzMUq53Buy5GhsuQmPXRvS8my6gTiB2p4EEbZ8hYMVCSi81IvZGPWoWypgMu9MCZCtqPLshuhLfv+ay7EpYShcH4ScnC7hGDp3z0hezcWOaBa8KOXEdInT20N2hiF/5RNXWKpLLIBe0Hl0X5XFssFtUwbnOxGfvNxjuWpxse1xvePxeU3hSL3ImZZLlJY4MF1ibSACz+WqxbSl8qEzLVw/5ot+RCnnmCxXLJ5Y73PblMF8qUKcplzstSnoMi46UpcIggudkEZRioWj9QJX+hGL5YLYvKuSPfTMxmjCaWlYOg3LYceNeGZjRNOWoupzqy6nd0bcv1BhGCa851CZS72IH3lkGccocLi6w8+/KCOqkqnRDxOMgk4wCkmihIePNXnmchuAjh+RhAlaLv5+aKnCmR13EgFwLR+zxX5MHMQUygUOzjh827EajmlhahZJGpOQ5tyaCnEW0rAcXtvtsO2l9HwRnacZPLM5oGwqXBsOuH92muN1DzcOSDMZIaWZyXJZtFFrA8laansRz25k9PL04jM77kSHszpw+dXXO/yVu6c4sxuxOkhI0owP3NLg1y+0+dJWwHJZ4+S0SZjGrPR3sTSFa/2QQ5UDHPq2OdJPfgL1m74Ddi5CsSYhenYNDtXI2luy2Y1dRvGeAFSdrROf2xTs/cEZkrPrgvZvdlCLYnVWG8WJ3TfzQ/Qlh2THkzTnrZEIf3NLsmLJRq42LJSD86SvXEVdqKBUVegOZAwDRCtdKXQ0Ba1clNGLpogjqJDnCGkKWqNI8Mo2xv4KWZQSr4/QZm0UQxM9S7VAfN2TwiW3RmvzNZS2L+MuP0TRXPTFco7616T4sA0yPyEr6CikIiSuW8KTMfbcRYQRRCmpG6HNynXUqUKuR8ldP05R8ocqIjSm4uyJeMfi2jASwe4kuTvXtFQcINeZjLszMw0hHo8FuOMsohuZLH64R/WFGzQ0ysQ6nY2JueMcpDF4TtMhS8miEMXYc1n9ca6brqI/OevmqAhpiUcprI9i/t3pHX7sses0inJWqVs6rh9TNDVGYcIoTGjaJoqq0A9ikjDBH8jYZ6Xr89mVHmdaLm/eV8aNMhxDY7FcYL6ksuNGvONgHUNT2RyG3LFcI0szvvZwgxNN0ddc3HXRFLG6DqOEE80STdukaRsUdZUjdYHiVQoaByolttyEhuWgKmJtBrh3pryXH2OqvO9Qmbcsllgo6ZyasViuFpgqaqQZXOqJLXkMdbxnpsadTSPv2iic3gk4vT1kzpHN+mCtwNog4h3LNrWCwa4XcboV8cT1Ib0g4YnrA6qWxsW2jDUONoqUbYMj9SJfd6TBkTmHaVtErb9/zcNQFe7Ps4ge3VfllmaJBxbKzJXE5bM6SDjRtDk5U2IQyvM7UNVo2iaqrjKdu5eqBZ27Zos8fm3ASj/hua0Ofhzyq2d7kwIQ4Gw7YN4x+OZbKhysmry87dHzY9p+xI4big05TLjY9lgsF3jHgQoLZZNhlFAt6CQp3FIzeN+hEgdroo85vT3MYwwgiDN+/Lk1XtrZoWyq9IMYRVVwDA1VV/lbD8zyf7xtH1PNEqd3ZHyw1Cxx30KF2xcqJLluxNRUNBVOX+9xveORpdmkaNELOnONIn//oUUWnDpK/jH2E49BKELoba9NNxgRpwknp8WR1Ati/vTRBlEqrJtLvYSH5vaz5Mxgajq9MOEjl9t8eqWPYyh8ZtXlsdU+T631hXgcJLy+MaC1Kxbmja0BDUvCMz96acD33F7nUKWBY6p87f5p/vf7hW90x7Q4jHphRsdPsHURURuajCX9JOLZ//NBnvyhp0g/8iGYOiBjnmGL7PpVSGOU2pQULmOgWa0sDiNHCmlFU1BnKzLm8RMKDyyT7gxJvYi0JQVKFsRCwwW0A9OY9yxiHKxNgG9pz0dtWNJFGYQkOx7xc5ekK+IGhKc3hNti6WCqaNUCmZ8QneuAZZK0RUujzZbecHxJ2h5ZkBBd7ROt9FBrBZKWJ/yW/LFHG0NSNyK62hen04VtVEsjeHyFbBRIrpJpoBgaxtFp1FIBkkyAeWP+QZKh1otC/nUj0q5QdJONIUrVFi1Nz91LpXZ90e2EkYhybwTEwRvJuJAnPOs3dFLyXKNxQOO4yKk44l4aj5NArldx3hhLMC6qxoLccYGUM3ve0LkZF1GaKWLcPKdI0b965943gpy/nK+b68tfNzsuwEfOtvibb93H71/tUbcMWmHCxY58KBVVIfZjQkOT+XGacbXtCmI9SjAdE0NTCaOEzVFIPxdOGmqDlp9StXSefnULTRWR6+NXxQ1z4VoXVVOJg5jfPbuDbmj4g4CjSxXOrfZIMjjZlE7DiaZNmGRCkvUEOHZq2iDNMr5mSVxEALdNGdQLBp3AZbmssTFKSDPohRkXez6Ljka1IBEAw0g4LmkKL+xEvNoKuWumwIfOyYY7XdSkGPETvu/OJn6cceJImSiF6aKKYypczs88d72ER5ccNkay4Z9o2lQLMiYZa2I0VeFARePJ61A1Vf7j610allB1x/EA985ZaKrCxlByiu5oWlztR+y40hHx4pSdUSBhg30fVVEYhgl/6miduqVysGJjaArPb3r86WMOVwc+pqrmBOCUHVfCC21d4VJPMqn2VQtEScaz6312hiFz5QKDfsChOQmRPNW0eGE7ZDHPAcKPsQ0FW1f50Gs7HKhZHKkX+fxqnx+6d4ZnNwe0vYifeG6bMJH3S9MxJ2ycC92YEw1Dnk+UcsWLGEZSrLznUIXFsjlxaTmmFDtZmqFbOkE/QNVUTMfku2+f4lB1hjhNGIQuphYSpwlplmIbBfqux+V+h9V+jKEpbI0i3r7fIUxjHpxrUjGLuPEqfhzy4s4qBU1lY5TywobkbnWCjJWu2PLHFGQvhjh/Hh1f9BRtP8JUVX7onkVe3OlxbdgWt5I/YBhmQIiqwHxJ3o9RmvHUxmCScv3AvM2vX1jnO4/t48jFf8ilN/0Dlp7bwPqmUwBkq5vSYRlrHkxjQm/Nei5KrUx6cV30ID2X1E8wjs/muhiV6FwHxdblbLlowOI00XNXyaI2iqUTXx+gL5XRZm0yP5HNvS15QNq0DZpcL9l94xhJUVXSKEWbtzEs6RSoZVOsyJpC6sYCjZt3pNg4WCW+PqBwaobMjSS8Mf/8xOsjNFuKEq25R8vNolSCF32x/qZtCVxU87mo2rBEnBxKdyIdDFEbkjSt1a1JarU2bQu0bwy7y6+b9kUwPBn/+AFpayC03/F4TtelOAwj0bOMNS6qKiO7MJICZujK32VsebbMXAPj5HbnXLviB9KBGVNzxxEDtiXFzriwSbO9MVYY7dmy41z3lIrGBbjpKvpfcN2s/4CiqbE6SCZteRCOR38oVlVVV4mjhCRM0A2N2I9J8oNC5Iq+wjSEUquoCna5wMGqznxJ5TPnWxi2wWovYK5kcqRRnJz9K6qCXtBlc7MNDi9UMDUV3dLxRiFtXw4yF9sez673udjx2ByGfNuxKRYdm2Hk88L2FrZeQFdUBlGGqeoMw4y6Jd+3g5SyodDIgXfDMONSL6agKXR8ycUpaPDIghwwlhx9AozbHIZULbHN2oaMjWxdmYTrzZfkecyVhBhsacrEpbPS9dlxQ4ZRgu9FfPbiLmfa8STxeW0QTqy+RV1jpevz4nbAW/dZJFnGjhvyr55ao+3FHKhZfMexGeZKOo6p8bFLXSxd5S/cNcN33z5NL8z46MUBg8jHzZOOP7bi4cYZwyhhuaxhaiqfurDL2iDg5W0PVYEn10dc6fqT2IFT82XmHJO7DtS4e97h/rkCvSDl4fkSDy8U+NoDRYZRwgtbAZd6EXfPlScdmoO1ItcGIW9asnhwqYIXip35oX1V2l6MY2g0HZMohRnb4K37xFVkFHRGocDtfuXMLitdn5WuzxPXeixXLL7pthnq5YLY76dtNFPDsXS+4dARAFRFROMAbhzSDV223T5row5bbsL1YcKnrwx4eKFIw1KZKVY4XDvA+e4Gb1ua4WJvi9VBQstLuLvp8GdvrwPQ86XIS3KLeJhkBIHY1guVAvctVHjweJOhH/P3HmryuWsdvnjd5XcuuSw5FaL8rDxKycMwE7bclOWyzYkpsdq3/BRDk4L21fYm//q1z2F99q9R/Fvfxst/9rfp/+JTXP+FlwGIn7tE9NxVWN+GzV3YbKHMyzgii3L3jKFiHG0K/t+xxRZsaej7K7Lx50iDLE3Rl8okWyOshxcxDlRJ1kckLVdSmxsWxrE62kIFRVVItkdSPOROnyyV+8r8hDS/TvT6DmrFQmsUwdCkE6Iqey9ALswlyYi3XEmiLptkbozasCicbIobaBDKdYAsyaTAcEXjkfYC0raPoqvSTQFxEjlFUFX0eYe0PUJbzFO2a2WYrqMUJE16nMuklE3UxWkpysZ8l7wgUQyNLE73WgO18p6jayziDaOccJsHJY47NWPBbZpJETJ0b0iqzm3TY9jcWKB7Y07R2CI9Tuce81xUBUU3J6RcRddB1fdE3F+lpSnKV+Tr5vry182OC7BUsThQ0TFUcZ88db3PnGPSHckZuBendAaSgDznmIT5GMnQVOoNm44fUbcMwjRlyhG9yhfWfCHIhglW0eB9R+r8x9PbpHHKgekS7YJOoyrFQqOoc6Re5Km1Piec/IzJ1NhxI47kwtG5koljarzvkMO1wYhbG1NsuC5lU2HT7WJpBgcrGqsDlySDlb50FB6aF3x9QZNOycZIBLhunBHEGVEqEQFpxiRcsBdmLJRNTs3K+MONMixNErMNFRxDYWMkYLKCrnC4qtMJUs7uepzbdXM9SZEzrRFHGkWoWROgW9M2+MyVPm87UOOxq10+fq7FlFPA96JcWxLyNftsLnRjwiRjX7VAy414YafDkqPldtqEh5aEWmobCk+uj3i9NaLjlzlaN2h5Kat9n/MdhTtmbD57dcQ33uLw2bMJm21vEpbYtA02RyGaovDDD83y1EbIStfjYK3I8bqed5cUZuwqr+xu8uBcjbmSS5Jl/NvTu/ylu6ZxY5sPnREeTJg4vO9Qiaev90nChMUpmzuaFitdn4M1i0bRoF5QeHnHp+Wn/O7pLTRTI41TnloT7sdqLtoddjzO6ML2mXNMCXrcGqJqKv/bvTN0g9Ekz8rWZcbf9ke0A5+WJ8Xq49dGmJpEUKgKrPZjVGUXP4l4ZjPgm4+o+ZhxJKPG0JuEXz611scbhSiqQhqn7PQDms0S1YIEL760NeTbT0zx1+9eYLk8xd/89Bc5lGc+bYz6nG5JkVDQFK72RRC8Mcp4ZnPIXTMWt9SlmJmxVWaLRc53XQwVPrn6Mttuynse/y7KX7hE5cg+wt95iSxISAch8cYQohTzZBNtaTZH83eFzWIVSK60yKIU3WwJpM02pCjRXIxDddKVbbR6UboesyWi8230eUeKBjfXgvQC9GpFxipA6kYYJ+bIukOyUUTSC8SNtFQmWulh3jpFtNIVcFxPxjpK2cQ82gCYjIfSbkCw5aIvV6Tw6AYoZYNsEBKs9DCO1kXnUtBJWi7miSZp3yc638G4tYESpqRqJBqbG/KNCCPSvi+jotnK3oFN13LGShElTkVcrCriTFrdkYIqx+vHr29LB6egkwUxisXeWG6mIUUIvDFscUy6HecTjSMBLHOvSzbG94/DFC05PuJ6NyRr3yD6HVugdR1F08ksRJcUh3kidChFC3mIZaHwFdwJ/utLUxXUmxqXPxHrZscFuKUhc/IXc4vr/QtlHEOjbBtsjYRQOm67/pW7p3BMjXvmy0RJysGaRaWgE6YpmqKwOwxo9X1e2hwyjBJu319j1PP57XO7mIZsUjtuSLEkmhFhdmi8tDWk2/V5+kqHNE6J/ZhO22Ol6+dkVAGhbbkpgyjjV85tEsQZr+1GOIaFpYnA7bcvDCibKstlndumDF7c9vETuNCJiRKwdRFEvtqSlGbHVKgXbPwkmzhzbF1BVSSa4ETDQVWZZAzVLQnRA3EVdXw5i56xJQzyYK1I0VA513Yp6tqEjbLjRjxxrYcXy+t0envEW/bXuHepStsNqZcLrPZ8dtyIT14Zcbkb8M4DZY7XRUC75Mi83dIVGpaRFx8pgzBjrmQSDiVOoaCBoYmmZHMYsjGMuH/BZm2Q8N33LXDP/pq4deKUJINjUzZvXS4TxBnTlkDsdkYhq4OENMtYGyZ5YQhbroQnPnG1y7sO1bi1UWXW1nhoqcow71D8+DM7DKOEP3//AgdrFv/qS5u0/ZjnN4d87OIuH7vU5UIn5GMXRZSr6ipzjSJN2yBJM/qtEVGSopnSwXt0yeH++RLVgkYSJiRRwscuD7E0g+e3d/jMapvH1rZ5vdPibGfE51Y9VgcxSQarvYC/ftci339yipd2QmZsjSjN+Py1Npam4MchL+10aXkJjUKJ1UHC51Y9yT7ShS8ztl5XG0WO1KUIbtoGi2WTU02TTXfIz71yge+5a5azV7v0gpj//VPXWO1H3D9X5Ghd590HirSDjHtnTRYdjac2vLFuFUNVGEQ+QR6K+fvXfM7shvyzL13k/3fA5MfCLdb/6jsovO2IJCBHKUEvkM274khK9LQtm6RlSp7Q4WlIU/R9NTI3wjhcm7iO0mGIYmnSpRlFAo0bhlIIuJEI3kC4KX4y0bJEL68TX+2TDkO0hiWAOj9Bn3dQ7ALJlkvS8kSUm8PuwtdaJPljjXNgoj7viEUZBC7nJ0QbQ8kt0hSxVfdkrBOeE2H3OJ9oPFpKernDKUf/Z6GMtpSSQdoZkqy2SXeG0B0Qr7Ql0dopos5UJcixI+A6tZ6PX3yJIFDnG5Bmop/JNSXZdjsfG432eC1j6/M49HAs8lWVvViA8YhIzYMSxyOgMJI4gbGId2yZHjuJVGUybsqSeNINUlRVMolSIeVmof+GlOib63+tdfOvDrx9n82XNn0eXCgxbeuCUU/FGWPpKm0v5p3Hm3z7bU1WB+LKeWlrSBqnvLQ1pOdFDHPHxv6GLTqY9T4X88JDURU0VaFaEJ2M68eS5Zak7AxDTl+X5OY4iIn9WHJN4pSFmRLb20NG7p5w9O37mpQNhZmiyko/4cG5EsPIx9Sk/f7ggohYb5+a4o7pZU5OGyzn1NVLvZgvbfo0inLGEqUZr++G7PouZ9sxy2WNfbnD6WBF5/nNER8612bbTTlWL3BbY4YoRUZCZU3gdIYiG/xAuhhCsdV496E6x6aKuc5FgiWPTdkTzYSg7GPumi1yZMrmnnmhmRZ1lfceLHH/fJFPXO7T8VNmbBU/yXilFXK+Lbj9hbLJkiMC4x034vb9NQaRAOFOTRvsrxa4N7fuGipc7kW8fV+VP3OiwtcdrvJ/PrTIW/fZ3NowaPmpjC1U+Isnl/kzJ+osORovbAVsuVJoGqrC2XaMpSv8nYfnefOija2bfHxF2Ch/6d45GkWDna7Ho/uqVAsKq/2ANE4JgpiGpU/0Ic9vDtAUWGpKd22sXwKYnnWI3IjIi1jveDw8X+ejFzrsDENm91XRDI13Hihxpr1GLxQ3l6FCx09ZHSQ0bZ3r/ZCGpfLocpV2MOJ81+OeGZOFUgFDVTjekIDD1WGP+ZJG2VTohx5X+gkPzlt8z20zNIo6znQJe8omTVL+7kOzfOMtDsuVAm9ZrrBcsTjditgYCVn5i9eHWFWLzXy8utr3+ew1l14gj+vupsO0JScIX39whqppkbt+CRLRwLT9lLmSzlRR44F5i5aX4kYZf/YTT/EXkiGd/+39mKdmAPDO7qIUi2BbKAtNmK6RbXfQb1uchPaluyNJh05l5GLcsUjS9qVoSTLSXkB0RTKB0kEorJdeIDC3cXJzmEog4qyda2FEeBudbxNvDOWyAx99qTxJlk5abu4cEvqutlAi9mOB1IFcJ83EFTQISaM019sMpTjRFBR7rN/IRyE5pwVAtTSxQusaacudHMeUihRT2kxJipjceZS2BtKV2egKdbcu46es55K5PpkbSAaSK12btO+TDT3RxTj2ntAW9gIRx2Od/LFN1hjdPw5JHAcnji+nazI2GkcMTLgv8Rt1MOPfjdH+49uOExnVpZmM7dw9JtQf9/ofOSr6uZ/7OQ4ePIhlWdxzzz184Qtf+C9e9nu+53sm8QQ3ft12222Ty3zwgx/8z17G9/3/4u3+SVo3CxcgTIUoe6UnnJNhmJCk8HWHS9y/UOE7bpvmL9+5zNcfnOGx1SG7HY8gd4uEXkTkRqRximMKMTbyIhRFwQsT3EGAoioM/Zi37q9y54E6WZoxyOF14VDa8UmUoKgKWZaRJilpIrenF3QeOVjn2JTNoXqBX7uwxZ3NWQ7XhGYKcKDcxI2FGGsbol3ZdLv8xsXLqIrCTz0vuPWXtlxOb8sHvairrA9CdtyI13Yjzu36vLQT8YU1d6JduX++RJIKon3bjXhyY4sozVAVhZJusjFKOFjVeXJjwO9fG04SpTVF4XzbYxhJWOHYanyxLenOOyNJZF4om7y4JVbrqaLGwZrF8YbJ05sBz296bI5CPnKhy2+c6/HURpgHMco4qpyPqwZRypwjOUIbo4RtVzacB+ZMXtnxWe37uUgU0izjdy65/Nb5Do+tDegFKR+7POBSx+NcO6QdpDy+toGlCSfm7tkCb1ks59RiLS9uJIxwcxQSpylrg4CPnGvx8HwdL9dBrXR9fuKpDV67JmfZ4SikUTQ4OOPQciN6/QBTE5dZktOMQ08EyV4k3RZFVfjn79rH33l8RWIHLBm/fc9DS2gKnG1HQnX2pXP0ejtiMe9K/bW79hGlGXdOy5n90VoRO+8k2LpKvVDkeMNgznZoFh3KhsnFns+d0wbLZRkPjHOmFFWhUC5wZjem46e8eV+Z37vY4dyuy9PrI3pByrcfa6CpCrO5hstxTExN5dEFkyO1iiSehx6fvdYnSDLWRh2mi2XOtAKe2Qw525YN+XhD52uWKhyu6pzvxpxrB7T8lHcerFA2Vf70734a7aFbiYOEwrwj1NQwks20O0CZqctIY2EG7FycasiGr8w0oFFFa1jS8YhSjCM1gc9FKaqlifsIZFySCoUXU50IWjFU6boMxJKsz9qkw5Ck7UnRkhdD44osixLUWgHClMKRGvr+imy2UYpiaROuS2G5grZQQq0W5HEMQpItF61aIFkXzQ2aIl2SWoF4yxUqbhijVsUFhaZMYgawLRRdRZ2qCHjOleJg3KGh4kws3wBKzZEuSxihzNZE5zIaO4mCN6L52z0ZA02KiXgva2i80nQvEgDksv3RXoI07OlbapU9iq5p5HqZXMEQJ3ujIyUvevJiSBmPmcZW6q/CUlXQvsyvP4qr6Nd+7df4G3/jb/DDP/zDvPjii7zpTW/iPe95D6urq//Zy//0T/80Gxsbk69r167RaDT4wAc+8IbLVSqVN1xuY2MDy/rqBFZ+ueumxgX46KUhFITjcmfT5OS0gaYoVMwiP3jnFC1/gKoofHp1h15esIzzhIolkyCIKefBi7qhYRTz0LPchZSlGcvNEoYq9k81F+cmYYJu6fJvLtJNEwGMqbrK+et9dEs0BffOO5QNlfVRzPVhm5ppsjArotzX2us8uREyX9IYhjJK+vUvbnFsqshKL8KLUj5xYRdA9BRZRj8QjQ4I4n7OEcvqLbUCS06Dot7BT3zqVkHG1rpCtaDQCzIu9SLWhj6HqzoFDT5/dYCmymjCi1LM/HabtsE799uc7cQC6LvhQ3t0qsiSozFtFRlGGa9suyyWTZ7ZcDE1lUcWizy8aHO2HTFdVNlyE1Z3RjSqFk3bmIg7HUOhWdR4/9E6n7nS52DN4tGFAqdbUR4KqVLQFdYGIasDl6KhcmrW4XNXehQNlZ6fULU0jixJB8ePM35npcv7DlRxYznI3lKX6If3HRD9wE88v8m5XY0ff3abpm3w7bc1MVWdH7pnP0sVk6u9kNiPMR2TJEy4ZV+NRlHH1BRWuxmNqkU7H8GkcYpHiG7pLFcKXOp4RG5EuWHz2xeGNIo6b9tfIUph0dFoWCpRkrFc0fHjjGGU8uELPeH/DFQ+cKRJnCWoioiAL3QDTk45VEw9TyqPUZUEQwM/DrF0k+e2XBYdDUtXWBu6PLcV8udub/LLr+6gKgpxmnJ9EBKlBtf6Mjo90Szx/MZgkuEljBiVRxYdVnui7/rkFY+vO6Sy7aa4ccaBisYtNYcXdwYMw23afsTJZoGXtn38JONU0+RCd4QbZ2wNhbUzbalsuwmLjsaJZon0xfOkUULc9rDKdYGTxTEsz8PqhmyAQ1fEuaqCeus+EfTmhFj9YEP4JiCU21oZdRBKXtB8iSxIRGdiGwKWG4TEWy7mrVOT7KK0LbbpeH2EUtJJtlyMg1XJL1qQ7KFobYBet0g2RiiOgVaWn5vHpgnP7AAI3RcIzsvYMHUjiSwYhhQfXQLEcaREUkQlbQ8MdVL0aFbelQnEwWQcbaBW7QkhV0lTFMtEKYRkIwltVG0D+kOJHph3UGyLdK3DZE7stfds1iAxBt2BaDPGI58xUK5WybUtNxBx7eIeQXeskbmRlDseM1l5TlK7J26lseg3v09yuN+EqKunucZFujKZH+wVLV8lj/FXRFz7R7j+T/zET/B93/d9fP/3fz8AP/VTP8UnP/lJfv7nf54f+7Ef+0OXr1arVKvVyfcf/vCH6XQ6fO/3fu8feCgKc3Nz/92P50/CutlxAS60xUEzY6vYeoHFUp3XdiM6gcum22XOrnG2s80vPrvOlY0BuqULTTdMJsj+btdHNzRGbVdGPkFMIS9GNFOjF8R89EJbxiblwkSvkMYppiNcGMM2KDfsye0rqsIDyzWGYcIDcya2oXC0bvBqy+eTq0Pm7CqX+l2SDGaLKufaIb99vs18Sc6mNFURnoqhslwrcmq+zO0LFZq2wbsPN0THECW87UCVr1ku4UYZ5zoBw8jn9bZP2VB4YLbBsXoBx1DpBRlnOxHDUES9T657/PLp3oRA27QNNFWhaMi46PamhZ/AqzvSzl4sF3h0ucr33jEl8QF+yqdW+lxo+1zseBQNjUZReDUbo5QXtwOe3xiwPhT9SLMmUQj3zjtEqVitV7oBbT/leMPAi1I2hyGfWfV5teUzjBKatsEvvbxD25OxxrcenWYYJmzkRU3V0jg548iopS9W5/tmTf7Vy9s8se7z8y9v89RGSNM2xbUUBxypFzkxbeEOApYrhTx7Z8hKf5f3Hmjwd+8/xNfc2mS2ZLJvyuYty2V23IgX1/qYhgDmklA6bGmSUizJmfDaICByI07srxFGSS7qLfJtR/fz9QenmS6qTFsWhqbQ8hJafsrT6x7vO1zl1imLk1MGT2220RWNWbtCrWBTNhRMTYpfL46pFgRsGMQZfhLxxfUuHz7f4YXtkF6QsuWlzNoaV/ojekHCz7xjmciN6AUxV7oBm8OQthdzels6bFujkN+50KVq6fx/H17ixJTOctWiF8Q8ttrjx57e5vOrfW6pFYhS+JWzu/yLZzb4kS9u8AN3TtPypGt1oe2jKjCIMs61QzRVCtJ2kDKKZGS0XNa4/q9PE3kxqqVDqSGbX755ZhttEZJu5toQU5XNzy6SnlsjPbcq/JeKdDeUKXHMqIt19P0V6Y6oyl7nBEh2BAyXtj25PUOdYPbHAt245ZJ0fLIokfwgP0GvC/o/9mOyIMF9eZt0x5NcJGQEpDom/uu76NUCWZph7K+glk20WZt4bTBxAqWDENXSJBPJ0sj8hKTty0hqayTdmWmb+PqAZGtAmmcZpVt9iEX7gqbkvBpfip55Z5LjpFg6as2GJBOtjG3ICZcfSuEQpXtC2/G4J832NCrjsZCuv3G04/p7xU6aiq5lXACNuSxjYq6V82jGziXIhb5ivc7CiKzfJ4slr+kNK0n4n231+/03fAVB8J+9XBiGPP/887zrXe96w8/f9a538eSTT/4/uq9f+qVf4h3veAf79+9/w8+HwyH79+9naWmJr/u6r+PFF1/8oz2Z/wHrZuEC9IOEq22Xn3+xxYxdYRj5XOiEPL4WsuRM8c+/tMLfe2x90ikxNJWSbaDqqnRfgpgkSohyK3WWZqiaipuD6Q5Ml2jaBmGS8ehyVQiyls4t+2ocX6xg6Spm0UBRFU5Mi0U2jVPsXG9yYrrEpZ4QcG1dYb6kMVtUebl1nX1OmUbB4rVdCQOcK5l89EKXYZTw+KU2vSAWSFgQs9L1qRYkGPHd+4vcM1/ma2+ZYhjJ+Of6MOalbV/cKlHGxkiybAA+cmnE0xs+QQJbbsLvXdjl9La4eYZhkguNVaoFIec6psZzGy6XejE7owhTU+gFMaoi+TeOobA5inFMjSfP7eAYotXYHIZ894lp5ksq7z0oj/ETr+/gRSmLFXFW+UnGiSkDx9SoWjq2oVAxDQ7WLExNxdL3MpVO74zwvYgky7jaj9h0h2iqwvfcNUszF0mu9QPcOONwTed4fYZT0wvsuBG2rnDnTBFVgXMdn8+s+nzo7AAvTvnc1T6aqXF6Z8Q3HW7w/LbL+U4so7kXrvD3HzjGnCO6nqfWhrx6tYtt6RPy8KlDDQHozToMOx6xH9Pv+uyfdbjU8Xh0f40fum+a9x2ocL67wZe221zqxgwiX7pJg4SqqXC0UeC2RpH1Ucxnro4m46I0y9AVjWpBZX00oJePyx67HrDSj3lizednX2zzb17ZodX3Wa7o/JvTu7hRSkFXeK0dEyYp//DJDbIsm7iJkiwjzbKJ6LqUh47ePy9aq8VSnbfuc/i+O5s4hiRdv+tAhbVhyOog5kwO3VMVhQ+d7fLKtouX6zhaXkrLS0gyOFwzOVDRudTxKBkqH7kg9u7OukcapYzWhmSbl/YcK5stlNsOykZnGtDuo1ZtAavVyqj7p4mvD6A/Il3rkHQ8sv4o79jIZk0oNuksED2KNldGP1RF31cVAXCYYhyoyVhmEGIcqaGWChRumxbdSpQSXx+Qtn0pCtwIM9fEFG+pj9XIpG2fzI8ZPHGdcBjlzJiiCIv3V1BtY1IAKZqKcaxOfH2IYmlEF7tkg1AKr4IuYDqQkVggidOKqsjzMXOLs53brOXgJQXKIJTogigRm7RpSIijH0MkoxgltyQr1RuSnMf6lVp5D+GvqnsRAGPn0JjV4vp7gLzxGo+CbkymHruWbsw4SlMZexUKMhrSNUkMHxdQY1HvuND5Y15fSY3Lvn37Jp2RarX6n+2cALRaLZIkYXZ29g0/n52dZXNz87/5mDc2Nvj4xz8+6daM1/Hjx/ngBz/IRz/6UT70oQ9hWRaPPPIIFy5c+CO+Ol/ddXNUBJiaglHQ+TsPzvAfzl7jbUsO7ztks9JP+PiVDZ641CaNU0pVmZuHUcLBRpGLQxkJ1KZsem1vchY9Hg+NKafDnNMB0lIf9KWg2RyFuIOAJEpQNQGNvZRmHJmyuZTJ/ZzbdTk16/DSlsf7DgkArlpQeMfyLD/+pat84xE5ibl71iKIhdtyvR9KwOEopOVGHJuymXNMGpbO6Z0RTdvgua2QRUdncxRzfFrHTzJumxLdihuHOKbCndNlXtvtEaUZByoGd81YPLXhcablk+abWbvn41s6RxpFGpbYi01N4VCtgKrA4arO6y0Brj04V+ClVsSTGwG2rnCgYnDvbIHNYcjbD1aJUnjbfocz7SEr/YQDFYPDNZ2vvbXJs+sDGkWdo40iy2WxRYe5lmBM1L2lYfH7V3ucb+fdiyTF0mXspimCpp873uQfP3KES71NqoUeq72AtUHAat8nSStUzT4t32exbNLyUh6YN9EU6XB8/FyLYBBwOO+CffepWf7jay3+xucus1guyPtIU9hxI/7D2RVe3hryQ/fPcWZnxHfdv4ibO5c+c6XPxd0htzRL/PV7mvz+dZffOtvC7/l4Ucr/8fA8R2oVfvvSLrPFmOWKztPrHrdOWTyzKU4pTREb+rcc2cc//dIlVnsBVUujZpp0gxGDKORwtclj1wMudjy+84S8vp9e6eB7EbM1S5xVSYqiKnzDwWVaXsLvXOiyOwxIwoQ47yaaJdEQrfX8Cbsozm3SVrnAVdfldFFn0dHohW0WyxpBnE3e82/bN8PFXpuT0wZLTp3znZgkE9bPW/c59MKMggbbrgAT65bGpa7Y1E82baI048R0iUZBpWgrxG5E+cEFlHKdzOuL5qJW2SPrhu09Mus4uM8uThw/ScvDvHMx//DrpFdbcrKRa1/UqmhEsAoo4biDIA4jYEKrjddHJG0f80ST6HJHtDSqAgWNbBiRRAk6oI6DGpNMQh6bRdK2j7Uorh6taUsxk+cnKZaGvuQIhXdeCp8syTd5Q8W8fVrEw1EioLokE7dUQZeu0bh4yXUrWRiJk8qP0fZPk251ctuzhDZmQUK60ZXXJ81I2h560RDnkqmLXXlcZLS6MF2T6IVxIVOr5G6iYC8GAGAY7HFbxloVq5C7lNy9Lg7Iz2vlPdbLjcLfLJXRUO4oAiRbajxyKnx1kP9abrL4slZ+/WvXrlGp7FnXC/8NW/cfTJXOsuz/UdL0Bz/4QWq1Gu9///vf8PMHH3yQBx98cPL9I488wt13382/+Bf/gp/5mZ/5b97u/+h1s3ABKqbOVpyy7SZsj2J++AtrnJpzWBsE0qWoFEhSEZ5GprR/L6wPJh2Y8QaqqAq6Lt2S8UH/vffO0vZimiWDix2PaiFmpmGzOwxwB+I6URRF7K+mRsnUuLjrsli1MPO5c9XS+dyVDg8uFHl63WNtEPJjb6qyNgiw9TJbbpJ3SBLWBnnAYdujWDLxRiHPrg94dF+VqaJGL0i4dVrO+lf7EbfUTR5ZmOdLW5tEacbxhk6jUOJYXeHaYMQttRIfvtTlaw+UOF5f4NnNS7S9mH0Vi4M1i6/ZX+bD5ztUCzphkvLdt9U435EAxyv9hI2RCHRnbQ3HVHjLYoHz3ZjZoiQQR2nGnz3Z4Hi9xBPrAwwVfv1sl6olXaWz7ZCTzQKaWmFnJAJU0Xuo1C0NQ1Womgpxmo/T9BrPbQo/pu1JR6ftRcw5JkVd5UBlml2/z/poiBtlvO9IleWyxss7Eb91bpdyvjmtDQSe96ePTnO+02PR0bAtIbBuDkPh/awNeXRflbYf8f0n62yMYj56ccCOG/LSNhyoWXzkQo9Tcw53zxh84orHxbbH2kAKg7YX89sXB3i5y8SqWvzTtyyzXJ7ima1raAr8+tkOp+Ycioa8fm6ssFwxuW3KYKZY5JfOrPL8xgCARtHm9Y7HndNlnrg6ZL4U8LkrHQB+/ZwygcgBbOfF87FmSUZsbo80g7W1nojF89wkzdT4vgcW+J0LXcJhOHnPH5svc/tMic9f6XJsvky1IJ2eIJY4gWc2Qh5atHlp26flDzjdinjLYokoCVhyND57dcCRRhE/yXjfwSmuD8VB1gtSvrTpcWLaYrqo0vZThpFQpy/3InrdDCfObctjtsfMHNn6mmyYlgm2RXJ+Mw9IdFFvKcN2G+P4LOlGF23WJt3uoVYscIooZZOsF8hGbxqTkMGsP5KNu1KClmzs8bUeatkUTcmxOoQpaR7AqE3baNOC1kdTiK/2UUoG8UoPb7VPoW5JZ2UQyajINiYFyXj8FG8MKSw3yaKU6PyuEH1z1xEgz8lPROfiig4kixIZXfUCslFEOgzR9wtIMFnvgSGCX61hkXUHUtjkeUFZnE7Ex5kbSQq1mycxkwPuxkJeqyB6l+5gj56rqqJZGTNdxtqTcfcF3thxGbp7XbFx5lFX3r90B2+MHBgXogVdwhbHriMEIoiuo6jqVxX7/5ValUrlDYXLf2lNT0+jadof6q5sb2//oS7MH1xZlvHLv/zLfNd3fRem+V8v7lRV5b777vufpuNyc1SEcD8eXKzwxTWP5YrB+4/W2VfWWe35OIZ8aJMMBm6EquwFbRkF2cj8QSAVsKrgOCa6tfdB8uKUc22XthfT8yKeu9SmUdQpFPRJwm+1UeT2hQrvOFgnTDKqRWPSindMjbV+wNsO1PnNcz02R0Kz/Zu/f4kwSfOsIpWNUcJq38+JtREnl6qYmsJys8Sj+6p4UULXT9BUgYJd7Ehmz3JF49XdLbbdhH3lAmVDpR96xGnC/kqZXuhxqmngxTHbbo/PXRUB7DfcUmVzFPLF65JjZGqqJFf7KdWC4Pe/ZqlML0xJ8mycZrFMxSxyuKpxejfiQjfGUEXrYukytmn7qUDrgAfna9SLOnc1y7zngM1Diza3NUocqEhRdHLK4JaaznJFx8yhVIMopWmbHKwJG8XUFMw8G6pZMonTlE+tbvAjX9xkydGomgqNgoVjKHzrrVPYusLlbjAhyP7uyi6/cb7P42sh335iml967y38ozfPT8Iq33fI5i37HH7upTa/ca4nnYlNEUc2LIOioeJFKdeHCW9fLrLS9WS0cqDOMEr4zPkWn3lhndiP+eB7j3GoOsPqYJczuzHPrQ9ZrJgTiq24pmLOtDxsXeFLWwM+/PoOXijU568/XGbW1lgo1Xn3/hKv7XZxTI0T0yUeXRLRbBqnE+hd5EZ838kaXpzw0y+s8zsXcpFonGJVLYr1Ioqi8MvPbXCwZvEDj+7jrgM10jjl9pkS05ZKdxRybtdlbRBiaQoztgiZD9d0zrUlcylMYk5M6dQKJRo50fnN+8osOTpH6waXuj0udWMcU6EdpJiawo6X8KWtgBe3PDaGMuo7UjexLDAsjcJ9S2SRTxaHZP3Onogzt9cqJR1lUTJ9skvrotdIU9F7JBlqozTBzEfn22hNRzZ5U8+1GKokT3c84tPXIc1kXAGQ5xGp8w3i3KVnHKyJ86ekk/SCPdv1KEJbcnAemMe8bVq6sXmXK9waoRga7ukd9IVS7lZSiVb7kKbCrcnHOkQp8dU+mRtLQWRoE/s2sEf1DWJUxyR8eZNkc0A6EMGvahuSUN1yZdTV8chieXyKpUk69WwJtVRAm3fEDm1KBwpVFS5Mf5gXPOqkcwDA0JOCcVxwDN09jL9tTQITJ6Lese7lxlTp8f8n9ui8Y5YXKzcWLTfed5amXzWWi8YkN/OP/vXfeZ+maXLPPffw6U9/+g0///SnP83DDz/8X73uY489xsWLF/m+7/u+/+b9ZFnGSy+9xPz8/H/nI/wfs/7nK1X/GJYfp7T9mG8/XqVpm4yiiBe2I5wcAmZqGr00nuQTJWFCqWoRJSmRF4kLSBO9S7/r896Ts/zuSxs40yWGYSJguWGIZmpY5UK+mdhc1BR6/YBjU6K+P9NyiZKUP3VsCjfOeOyqbDyPLNlc6YsF91tvneKtS1X+zuNXOTZlE6VwvhNPOCCOKR+NHTdkrmRO8PkX2x73zJc5t+vR8xMeXiozXVT51BUpqu6bt1kfBgyijGN1nW03ZqFUwI9DZhsWLW9AmCZ826112ZiqOv9+GHJq1kFTFe6dLdDy5Iz5LUsNLM1gfdThvlmTKDUpaGBpBsM0YdaucKLRoxemPH7d410HbH7x9CZLZZMZW2XLlTTn/+vpazSKBh+53AVkzLblijV50ZFxBMDHV0aEyZBDNUl/rlYNPn5ZnDYXO95kjKMq8BsXLjNjy+t/fZjwWstnrZ6w2hdyr5MnTS+UCtw9a/PytpB2z+269EomtjHAMRQWywXWBgFPboS8sDGUgrKgkWQZpmNyZsflbQdq3DVT4MXtgNd3Q3766V3edcsUxxomtzYs/vIn+/g9n/pChR+4q4mtm/zK2UtcG0S0PeECHW0USTLoeDHbo5i1gWxUT6wH/Mar28zkPJy/fd8cL+24HG8YfObaNWZtlfmSTtM2KRoqT1wXHtCfv38BN874t09dwyyZ/MRzLbw45UsrHfbPOkRTNsOtIUfmHFba3iQRd20QcKY1mow5f+e8uNRqJZP3HanzpoUSz2+7/OIrbd5zqMowyjjTcvlzJxt8+OKIu2cLPOW16Pgp8yUNW1c4Uquw4w1Y6SXM2ipndmMaBRW7UaAXZpgaTBU1Xtwc4Zga33S4hqpKKCFWjoD3A7i+BXPTsgFe35TCI0zJttsoC02U7oB0q49SK6PoAXEvQK0LSyRtSVZRdK4lnYWhR7I5kKJBVVCbDko5RMn5JVmUoi+WydIMwlicQUlGlkhnIr4+IBtIJ0RrFqXTMS2jIKUhJzraUpnMjSewu8JciehqfzJOkZDE+A0iYG2+RHS+g7YkEL7w9V30WRvFNlAtTcZGhiY5R/lxTW1Ih2c8fkJTyEBSsLsBqqZIJ8dQcxhegFrOUMoW2UDCF5W8k4apSvdjnOgMe0XGOIxRVcE29jotN5Jyx5e1i2/kswzdvFMT7sUHqCr4eWfGKuyB6HSNzA9QikWxwqt52nfyBzQ0f0zrKzkq+u9ZP/RDP8R3fdd3ce+99/LQQw/xC7/wC6yurvIDP/ADAPzdv/t3WVtb49/9u3/3huv90i/9Eg888AC33377H7rNH/mRH+HBBx/klltuod/v8zM/8zO89NJL/OzP/uwf7Xl9ldfNjguwVCnQ9iIOVivs+uKueGZ9wCP7qrz3cA1NVTg2ZVMtiNPHKguiPugHaMZeEN6+KZt6o8iCo/ML33yUH33TPCemi5QrBR45WCeN5YzkTMvlYsejtTWkWStyuG6x40as56MjQxUCLEDPT5i1NZ7fGPDQYoX754p0ApfFsmhDXtsNc1dLxOnNIeuDgDBJabkR57eGnL/e56XVHiM34qWtIcsVSZeeLqp84nKfg1WTthfxmSt9emFGL0gZRSLytfUCF3s+H73cYnUQ0w1GPLowR5rBxijhRx+d4+37i9zZNNlfKVC3RBgL8PErW6wOYvIIGQB0VUNXNfqhR8sX98rX7Cvy5LqMt17ZdvnMlSHPbwxYGwTcv+DQC2JmiiovbQ5FtyLsKZ7aCKlbGquDmJNNC02BE1M6z224BEnGd56QjslfubvJPXMlkhRe3hpiaArbbsL7j5Q5XNN527LNoqNharI5v+uAzeGaySgOeXlb3GYHa5bwVVSFtyzOyHjK0oiCmA+/vsNq16NpGzRtSalu2CaaKhbslX7MXTMF5ko677plis+sdDhc1fnNC328jkexXuTH37rAWxbn+PlXrvP0+oi1XEi5WC7w4XO7TFsqYZJOcrRW+/I6ZGlGUdf4jtum0VWNhxfqHKg0ece+fWyMEno5mTlMMnp+wu0LFd53cJ66pWKWTMKRwACP1ItopsZaz+dAzcIsmfR8cbwpqsJszeJHHlnCCxMKJekoJkk6EaNXCyrPbbl8/HKPY1M2yxWNRxaKfN3hKtNFjc9f3MVPBJJX0BRONBzcOGPHGxAkcv2xeLhuqRxvGHS8GC9KKBsqDy06hEnGez69JnrNqWJOzZ1DsQowNy2gtDHczA+k4JibktFFoyrdj+6AeG2ANrb6ur50SfLNW21YJDsigk17gYh3Bz6KrhFfagmQraCRehGZG5ENXdSiMXEhJesjVNtAX3IwDlZJdrw8jygS4JsboZRNKW78GGN/RVgyS2W0po1xtCFdD9sQW3TLE65L2xcI3oLoXdRqQRxCAykQ0kFEvD4SCF7ZJAukoEpbLtjFPWdSsyoQPFURh1KjJB/OKJXxUQ7iywbyumTjbCfXF/1LnIi+pd0Tou44rygPvSRN5d9JsGLyRg5Mo7pne9b1PX2Lno/jxsnTY51LXpyOixbFMKVoSfLuy5jK+//y9a3f+q381E/9FD/6oz/KqVOnePzxx/nYxz42cQltbGz8IaZLr9fjN3/zN/+L3ZZut8tf+At/gVtvvZV3vetdrK2t8fjjj3P//ff/sT+fr8S62XEBrvZ8jsxXcKOA/eUKH7/SpudLivCJKZ0kq3C+HTAME77+6DSfu9IhCsB0zAl8Lssyrnc87l2qcr4d0Akyjtd1nl0fUi1IOGAwCNAbNsOON7E77w4DXs6jBsaFjZ9kPDxfYGNY4i1LRaIko1HUOVwzOdMO2Bgl3DlT5NpAnEKOofHAQpnLLVfOBIE7Zx1MTeWlrSHfeusUj62KpqBuaTy+2uP3LvX4wLEaUSpRAnfNlfBzZ82sXabtD3l+Z40vXHdZyIWqd8+U6YcegyjlxJTO2lDstctlnU9eHeEYCrO2SjdPp95XLqGrGlvuAE2RTKU4TXh5J+TD5zsUDZVvu7XOjhtxsFbk0QW5ny03YbqocaBioimw7aV4ccLX7K+x5SYsl02SDExVZ9aOeWZDrM2fuuLy4EKJr9nXYMlp8JbFEEs3ONNe49yuT1FX8eOMo3WdY/VZHl/b4Fdf7/BNR2s0bfkbHa83qZgddr2Idx1w+NSVIbdNFZgtGfypw01+d2WTx68NePv+CpqicO+czf//mXV2cstwkmYsVy28niQ+H2kUGUSZ5Ed1ffZVLH7oc2ukccqjt81StWTM9dHL6wC8+6DDIBS90icutXnL/hqXe9GEMuvFEiL5xGqP2ZpF0VB5dKHMdLHMlFXhXGeNXuhxtFbk+tDnlobFxy91aLdcVF3l9LFt1oYJX3e8yfMbAy6sDzBye3YSJVwME6anbBxTw5ku0fYFFvjjz21QNLU3jDKLpriGnlobUdRV3nOoSpSKG23eNjhQjfndyyMqjsm/fHKNv/LwIlVTYW00mtB+bUPlaM3msbUBM7ZKlMKVXszb9xc5244ZRNLdG0wVeeFvf4FaQ8VwTDnr72/KmMAyyTZbKIsLZDMNstVNlMYN3YHuAG2pRub6gtR3I+lkBAnRxS7GcgV9toQyRuC7HqkXkbZc1GmbzItk/PLaFgDJxgjj1oYUIhULpWRI92JWJ77aR5t3SDaG4ga62kebtiUdemNINoonyP/oYleKkDx8MVkfYhxrkOy4KJZO1rAmgY3Jes5msRUZB9k6qZ+Q9gK06SKapU1ylLSGRbLlotg64ctruZYmk4o/ka6OUrVJO0PpFkXi4FGnymSjAKVs7Y1rQDo4qkLaGaKOi4ixyDbNZFQ0TnlW1Vyke8NQZGx57valsGz3pIixLem4tHsizB2nS+tM7j8bj6XihEzd67zIWEps2eOU6D/upX4FOC7ZH/H6P/iDP8gP/uAP/md/98EPfvAP/axareK67h++cL5+8id/kp/8yZ/8Iz2WPwnrZuECfMORGm85MsPFbp8o9ekGCfcvlmn7Cc9sZlzuBJzeGREEYucME0mMjtyINEkpN2weWqywNgh47yGHL677rHQ9jtdFwPh6y+X5DTnwuF2PLM1IRglmyaRWMrnU8TA0laW6JEd/x7ElzrS3Odm0eGkn4mhdZ7UX0LRNnl3v89BiBT9W8KKEO2ZsvrQx5CPnR9iWzigX2h2uW/hxxveenMaNM7w4Ya6kc27X572Ha1zqhrnwMeOhRYdBJFkxhqrw0k4XgP/wWpuWKynIpqZwYqrPicYsb13yMVWdZlHHMSwco8CTG5dxY9m0vnb/HJtmj6c35XY2RqJHeW5rwDcdrvGWpRL3zdo4poVjWATJBr0gZb5U4bmtFo2Cyheuu7AET60NMTWVtx+o8fK2kE2f3FDZGoa8d/8ijumy5e5y76zk6ACs9Hssl6dxTAs/DtnNxblPXOvRLBkMo4yN0Tov78jln9/0eHjRRlMVVvo7rA1zR5MlhUvdUpmxNa4MenzwxS1iP+Y7bq3x0GKJU9MlfsnS8b0IcgbNas/nnYca/N6FXe6dNbjUHXcmdJ653GamYfMXTk3R8lJe2fF5bG3EmxZtXt1pc6knGUtPXW7TrBX52gNFfvzZHclXypOow0RouYtlk7ftF4jZ+qjDr51f48WtEe89VOYnnrrMn79njqu9kDDJKFYtjk3Z/OyLLb7leIOf/9ImsR8TeVJ4j8nNSX77YZLmRZI+sbInmbB6hlFCtaBTNMT+/qeOliW8M87EvdWLuGMqwdIUHlmwuH3a5MMXekxbKpd6cW6/lz2vXlA4T8TJaWNih14u6zStAle0hLWB2NKNfD+0Z2ymvvno3pm2ZkKnK6TcXheGrqQlN6o54VUR3Ypjo/RHkPaFmxKnKHUHtTyUz+PWCLXni40YZARTzUFoRYN4Y4hS0NFnS4SvtVBLBfynrkvWkRvJ+CpfycaQ4XObFJcrxG15z2qzJRGS1gpo00XCV3YkALLlSVK1K7yX8JUdjKN1ovMdEcq2fbSFvKCKElI/EetzlJK2PBRb3EEkGdGOhDnGV/siOA4StGqB+PoQfckhWetI0TRmsCSZFEhRKDbpPPVaRLOSe6SWCiLQtYVLMyHihtEE6veGpSo5ETe3S3cH8v8b6bqOvSfiVVXZhW7UtozDIRvViW5GsQqgSDo0YSRi3dzVlPUHf/SD/3/H+kqMirKbIYtfkXWzcEGsZnGa8OjCPp5Yv8ZLm0McU+PeeQc/yTjTGnGwZpHk3YwT0zbPXWpj5Ac5TRHuxL1zFp0gndh8X9wO2HEjvu5whX/yuVU0Q7KKMkTIq5kSQnjrdImLHY+5kskLmwNMVeeOqTmSbIO7mzWeWO/z6D4hIS5XrIlwt2rpXO2FrLQ9TEMjjBIW6kVMTcVQFeollQ03Za0f4MUpFzsBb10uMQxTlitCyu0EMRvDGE1VsDSFx6773DNjsjFK+ZbjDaqmwrObAYeqBrausjrYZaFUx9IM3DggzTkvX7u/xq+c3eVbb1/gTHtNHEp1g2035o4ph1d2PUxNpWIWsXRD/tUM/CTic1eH3Ddvoysa7z/U5EvbbYq6BDg+tOhwpuUzCIXIa2oKZUPhhUFIyx9SK9jcP2czZ9dwDA83Dnh202W1f56jdZ2qaVG3NI7WdcpmnV0v5nhd5/PXvDzaIePP3d7kU6s97pqVoMGPXepTLei880DM4brFb5zr8d2313htN+Jbbpe8pvNdSd/++NU+dcugFSZoCnRHktXzuSsd4ijhhz99DccRfP7TF3dZmCnxo48s8squxys7PnOOydldT8Y3msLzGwNW1vocWarStA2e3Ag5OSMOt2GY0PMiNE0ljhJ6hsaz6y7/8sk1HMek1/bIsoxXr3ZRVIUvXB8SJilH6kXWBgEvXBAw209vDmk2S2x2PPRcJK6oCkbOEhr0A1xTNF2aopBPDFgsywipaRusDUKaJRE/B3FGy0v4liNzXO63edNijS+sdbENhX//6q6IxCtijU4zmLZU2kHKmxdN3Fhyri504rzTphKlGYMopFpQ8OKU13cDfvldX8vl4hcwiro4fQBUXYS5uo5Sdsg63b2Nc4yDH7pk7b44TyyTLEpQnCJKrUy2voNWt8S1oymojSLJjitJzm0fpRSLbdgLJNG57aMUNPSDVTIvT4de7aM1LOKNEZkfT4izxQNV0mGIebRB2vJklNRyZazUFZ2SUtIx8tgAbaEkGpn1IfHGULpCDUvEtzmjRTG0iUYiSzIUW5eRUC8AAxRfFUdT2RQHkS9MFH25glLSJ/lLY7Fu0vbRFxzpwmgKWZxIOnYQo+qaxABYBegMoVJCGXNTAJyisGq6A5SaFM/SQbkhfLFR3aPg3ojnH+P+h66MlVzvBkJu3qm5MQspjHJNUYTi2EwULXlm0UQUfHP9L7NuFi7AQ3N1Pn+9j6b0MVSFbzleZ6UnToj/87F1vI6HH6eEw5D7Djc4t+uimRp+z+cH37Kf852A5zZH7IwiTjRLHGuYPLnuUdRV5hyTz14dsjCTC3V3XdScfa+oElCoqfC1hxtcbHscnbJp+QP6occ+p8wX17ukmYDZNFVylBpFnTDJKBkqlm5yMLf+JmnG5iCgaGpcH4T0Agk3nHNM7pwRSFnZUDjRqHCuM6RsqqgKvOuAjRulfGJlhBenvHt/kRlb52wnwlAV3rm/yEzRniRQg7RNrw52mbLkbPBApcmfPaERZwltP0XMWJIcvTHyODVd4mDFpx96mJpOmqW0Ivn+TUslfvX1Nl+8PuTN+8rMl1TunbMmEQNq06JakGyf++YsVvoJJ5o2n7vW4f2Hi7yy42HPF6gVbNJMxJ8tL6WgqTy2NiDN4OsPTmNqOh88s84X1yVI7JaGRdXSOb07pOsnlEyNz68OGYYJRxpF1oZykP7GW6ocq03xpa1NTm8P+f47GhypNvhLnz6HY2ocm5JE7OsdD93QCEYhvX5AtVLgocUKcyWdf/fSFqWqxT94ZIHfutiTUYuu0vZEiLvajzm367G+0efAUnXS8Xj6ep/FcoGeH9PxI955uMGnLuxiWzpenHB6Z0SWZvTaHmlurU1JUVKFs1tDaiWTOUdIxts5Y8iwJR3bKApEcWGmxNrmkCQviLMsm8QRjGKJqEjjlK38Pdu2xPJ/17EpBqG8b968z2bb6+NGGb99qc25XZcwkQ7RyZkSYZryb1/tULU03rHfoR3s7TntQDKgBJAows+SYeBGAsEzNZXa73yKiaNzpoFiWGSRj2IXhara6crvugPRYYyR87WKdFqGEiiojBOOcwuuYukoJQUooFgmWiMTvUtZblcxDUH8V23ijZbA2tKMxI3Q99fR5iOi10WorM2W5Pfjz4hjip4mB+wZB6uE5zvE2yPM5QrGwZroXUaRwORsA32pLI4hVRXrdJ4ZlA0itIO2iHDLJoqhkbY9kpbkJGl1i6Sgi05nY5gnTKsS2himmA8dINvpTY47StEQLU03EHt32yPxY/TFyh7gzREsv1I0JGuo4kinZOiCr0oxUyndQC8OZdwzDk1s9/JU6Fy0e6PmZVyk5GTjydgpHXNdTGG15IGLilUk0zUBBqapFC+qCmkiYZtfhTV2Bn05K7vZcPmKrJuFC/BXP3sBo2TSbrk49SLfe1Lw6md2Y/7cqVl+9vNXCIchszkB9+UtOZjffcs0SZZxsCrOGXtOYRClDENJjT7ZLNELhCp7pF7kTMulNmUTJkIfredE2zDJOJOD4Y42CqyPBlia0EXPtgPCJCNMUxxNKKUX2x5VS2dzXUBzY/fTqVmHth+xNgj5wkoHRVVoHKjz7HqPkzMlTs1YXOrFLDoZfpKxshMSJDBtWaxGLn/qaJk522bXd1EVCVe80o9xTJUj1SIVs0icpsRZQpjGlHTZSdw45PWNK9w1PY+fRBga7HPKeXHT52C1wsVunxnbYKXvEmcJpipjpmmrzDccanLvrFiv9zkN4jRBVVR+7cIWLTfi/UekEzLnmLzaCllwdOZLUkQ9s7mFbSh8Ya3LO5cN0kziCO6ZsZmxq1yxN2n7KVcGPVZ6Mat9H1NV+cFTs4RJzPmux9uWFukF1wgSeGC+RMtPsXUh+xYNjSfXXF7cXuNinkzd9lMu0uZvPdDkg692J/qTv/7gPB0/5d+/sj1Jgn7iWo85xyT2Y37ooXle3PYmAZOGCq/tSJjknGsSpgJ7c0yNI40im8OQ9x6u8fS6FJRZmvH8Rl5gWDp+nE7uB5g428Z2/bHeKUzSiYbKnrJJ41SyjaKEdx5u8NLWcBI/ML5OivxfzQF+4+DE7iikaGq8+9YmJ6Z0fuv8gONTRQZhxieujFiu6PzehV0eWqrw1PU+7zxUp+2JG6pa0CnqGr0g41ov4NOhUHIdUyNKM5q2MUF+1Ewb8NAUgRkO/8MFdB3Ki2WolckiKT4zPxBq7sF9ZJ0u6U4PdeoGl0kqdl7CXBxr6dIJaAkwLu0F6ItliQpwBbCXjdH0QOaHaNNFoou7KJY2ySWKVvtARzKOpm20BYfoYgd9wSHtBhMXT7TaR60WROw7iiZFRtr2pbuy0kObsYnOtyncM0eaZEQrXcH/OyZaU8B5qqXlot1MdDM5kXeSbJ1bmiEvoEZRTsKV0dIECqeJUyob+JO06tSN0Ocdku2R2MBzZ1A29KQwgb2iT1VERDvunoxHO66fz/Jy3cpMIxfbZnupz2Pxrm0B2l7npZKPwsawujxcMbtRK5PGe+MkkMepqmRxIJ2ir8K6OSr6k7NuuooQbPmJafmAmprCv3ziOh+71OXJ6wMWHW1Cwk2yjM1RSMnU+Ml3LNG0DaGhFlUKGjimQtVUOb0jjqG2L8GClzcHrPblwC0aOTmwerF0DsZk3aqlc7CiMwwl9ffJ9Q5ndly8OOHUjM2p2SJtL2KxXMgR+8IoWRsEeHHCjhuxmnMdppwC77+1iWNqnJwpcfesxfVhQkET/kfVVLlv1uSdyzafWu3jmCqnWxEzxQrNosOsXcHQFN61f4r37l/EjUP6ocfl/jZfXN8gTGKO1OY4XJ2jUShRLxhc7m9j6wUOV2rYukmcJhyu1PjCWocZ2+DZTY/5ks5MscJ/Ot9GV1XSLMM2TPwkomxYzJcaDKOAf/v6BvfNmrzvUIkggV6Q8vZ9Fo8sWByu6dwxVSTN+TCDMOOWus6nV3f4vSs93DjDMS10VeVUs8appslyuUKUZjQs0WjUCiVm7CpHahbtYMS9s0VOThv87sUuS47GU2sDekEiQYI5R8UxJWeoWhBr9duW7uCdB8q0vYhvu7XOfEnjXDvgyJQE/HW7PrsbAy63XN58bJoDFXm/NG0DW1fo+gIM7OexCZ22R8UxuXfemaRHn5w20FRoFHXuWajgmBq1moVjaoS5BX68FFWZONzGHZMwSVmuWMw5JoVyge+9Y4ZayWRtELBcE6t1kkKlZrE0Ly3/Yr2IUTTQLZ1vvGOOd90yxbefmKZpG3zTbTP8s7cu8fC8yW+dl67Fay0X21CwDYXTOz5ez6ftxURBTLOoceuUJIQvVwUFcKCqcWzK4kjd5EDFYNqSpPLvuW2GJMvEJReMmLE15hyTf/zwN/Lsb29glnSshxdl09Jzx8nQFZuy50F3gNqsiqZFVaSr0hfOShbmPJBRJPoJxyYdCKgtutKDdj+35CaCzo8TCSh0ipJvZKgCl7M01KmSjFTcCONwfZIMrRgayY7H6FybtBcQrvSkgIlS9Bwkp1YLYk+2DRHwHq1LByV3GymGimLpJG2faLVPvD4i3hiS7HiipTHUCQBvbJnO3EjGT6ZKvNIj7QZSWKkqqm2IA6k9kpHTKCJtj2RkVjTI0nQy3lLK5h43xctDDl1vL5to3BUZb76uL0XGGLs/ziMaFy3joERd3wPPVUp7xQ7sdb/GidK6Lrc7XmkmOpbxmGqcDq2qwnbRdci+SnboryDy/+b68tbNwgXJKlobBBxbrnLPXBnDNtjqiv4gSjP0go6qq7R2RaV9/0KFX361y92zBa72QlpeynRRY2OU8FvnOrQ9SZBe7fmc2XFJooQrGwOutl2atsFsyWQ6zy46s+NSLegcqhq8Zcnirpk52oG4ShxT5f7FMn/2tiqHqzpVU+GdB6v8mRMVlisF3nu4QtXSeGhJ+DOn5hxOzpQ4WLM40bQZhQlG3tt8tRXymZUOl3tCtb3Ui/GTjGmrTNVUaXkpi45Gyx+i5snY986UmbbKqIqKpRmYms6S0+DO6Tq1Qok0SwmSENsosFyeomKK4HZfucmMXaFWEFfRi1seu17EgYpOmmV8YX2bSkHDTyIcQw6aB8rTzJWq6KpJmqWcapocrU1xe2OOJafMW5fqrA1jpooGTatAmIrVehCmRGnGlV7MLXVdkpPLGpe6PdIsY8sdsOUmnG13aVgq847BI4sOm24XU9VwDIuVXp+jtTk+u+qRZBlulPHoUpm37rMxNYVHFh1Wuh5enIhg1dRIM2h5LR6aa3D7TImNkWhc5hzhppxcqhIHMVbV4jvvnOWbjzqsDmI0Be6bNdlxY1b7AUk+lml7EVa5wKlZR0Jxw4S2F/EPn9xmrR+yWC7kcEH5/3oOPht3SN5QsOSdkyRK6Hd9hmHCHU2LO5cqPH5NspaCUcg33FKlbml5crdCUdd4822zvHm5xr6cLQSwr2xw36zNP33zUf7i7QeZs6u8tBPx5n0lPnCswqvbI/7Fl7b4jddbfO61bQqVAi9f6ZClGYMow43FFQdwS83gQkdGlnl0D3VL5d0HSnzkcpv3HmiwOkjw4piWn0qH7Ld/g5kmNG+bFrotQBqTrUpgIbq211HwQ0HQqyrJWoesM5TCw9SlcJivydl8fyQFwHov71p4RJdzAF83IF7rywY/9CAPIlQMFX3egaVZtPmS8Fl6AWkvEPFu3vGwZmziXoBW0Em78vvwvHR44pUe/q5oXtRqIc8jUiTIsRdMwhD1/RUpYvL06SxKSXL9S5a7iZSCjFqMgzUZ8YC8oJqCsSzfq2WBuym5KFexdNGzuFHORUlIWy7pMBSHUR50qNQdAfD1ZLSjOEUpOib5QrF0psb6lkppj4g7HhnFsfy/3dsbC40tzOOiZ9yRGXdS4lhuC97oXAIZH2kS25CNR0794Zdz6L+5/iddNwsXIAjiSTu97YsQzCoanN4e8hvnehSr1oQ4utL1+fyVDovlAm4kB+QZW6NsKNi6wgeO19kchaiaSmdnRJgrGzVTo2xLMKBjaqxvjzg2ZfP1R6f4zhNVFssax+tCTW0UFMqmwoVuzB3T0s6dKkprdrUf0fISiobG6iChqAuD5D2HKkxbomXYHIasdH1qlkajoJKkGStdcTccqhqc3o2YLqpc6saEaZxj9OXgMIx8Fkp1HMOiYTnEaYKp6VTMIrqiyb+qhq3bqDmxchj5qCgcqs7Q9ofseD38OMLSZHRz/4LN4ZpYZStmkWN1i284NMW0Vc6dPxG2UcBUdTp+l3tnT/DI/AJplrE+6vKfzrf45NUOL24H7HoRFbPIMEqpFhSGUcbxhsG9s2WGYcqjiwUaBQtVhetD2YgWHRNVUahbKgcqGstlocvqqkatICC6s511HrvaRVMU7pu1+f7bj0mXZ3+FRUfju2+fIknJRcMJhgq/+NoV+qG8rpam8LlrPkmakaTw6nqf2bkyH7hjlu86fgCA+ZJYl21DGC89P2Z7rY+qS3flRFNsyC9tuZzbdSnqGjtdD1NTSNKME00pJsbi2xtzscYp5ACaIVb72w7UqdSk2zJdVDk1Y7Palw2+VrPoBSmXOj7+IKCf82r+6l0LtH3p6qm6yuGazrVBxGttj223x+X+NmmW8c1HFjhY0flHT26ShAmRG+F1PAzb4HC9OLFYX+p4DMKUthfT9mIMTWFtGNMOZANUVYUozQiSjK9Zsnh6o8ud0wYvbEdsuwmPLjk8/teeonHAwXl0CY7sQ6nUQdVlM6w4e/j4MTp+6IJlot15UDQnYTTpuCRXWmL51TUBtuVdkLQrNmKQbCF93kGt2dLJSFPpcAxCko5P/MWzaM0c7Z+PasLrkuacDkNUx0SvWxhHavJ4DBnhhR2fJIgxHANtdpzGLKTbLMkwbm3khUmMWiqIGBfQZu38qyQjopw5kw6FqKtUc8t2uYixXJH3RW5xTgcyBhLAXCzcGkNDbRRlXGQbqFUR8qo1W8i4cTyxIANkPVeKif4oZ7dImrNSKU1e60nnZSzM7Q720p+na/K3Grp7BeZYrOvYe+TccSFjCxwwG7p7eUhxgqLr0lkbj6nGbJivUhdDNC5fbsflq/JQ/1+/bmpcYKIJMDWVni9k3ACwLZ0kDxP0xy4gPyYYBJQMFdtQsHSVK/2Yl7dGzDlmnsasUy2U2OrKzLxgFmg6Jtv9gJUk40i9yPSUzalZmyDJsHWF5XITVVEwVZ26FbPVjnl2rc/JqQZlw+KF7SGHazpvXiqSZhlJmnGp42GqKndMi17il15pS6s9TDg2ZWOoCp+50qdqabx5X5lL3ZBtL2VnFJJkJq9uj6gWVGZtjUPVKrqq0ig4lAyHLEtRCwpuFBKnyaSAURWFWsEmTH26wQjHsKgXygRJSD+QjtT57g73ziyzPupg6ybfcuQQ/dDjWL1CmqU4hkWtYNP2hzimhRuFLJdnsTTwE48Xts/yxLpsQm0/pWyqOeNDY74khdORagM3amGoigADN3screm0vBRD9anmm/id00t0A5fNUQtNUXl+y+fbjk3RDz26mcucXeVwTYTIbztQ4/mNId0w5Lmtyzw4X2PXlzM6Q4N3HKhwqRvymxf6NCyD5YrB1YHPfbMmtq7gxhmGCuUZm5evdHjL/hp//dQJ1oa7HKw0AXhua4v5ks7BmoWmwmbe2YiCGE1RJoGPRV0lTNNJNlDR0HjquoAExz+7sWAZY/zfebxJPc+Wedu+EmmW8WrLlzTpgspypYCmShfJjTM2hyH1RpH+MOT09oh/d2aL1V7AyZkSJ2Yc5ksaaWbyrUdv5czuKnEaM4x8Xm4N+NCZNk1bCuuDtSKnr/coFHQu5AnQTl2CNy+2PQ7WLFa6Ps9vQi9IODHl4MdSsKz0Qg5WTQqawu3TFrtexEPzBS50I/7e4Ud4pf77NI7Uc4ptdQ/xnluelZkmWbs9KU7Y3EWZqcNmC7Vmk7X7JDsu+q05zjwvcOLrA7RZG7WWd5eSjMyTE5ek5aHWCiglnXQU5GJYH61ZJGn7aLNCsjUO10h7AeZsSTKQBqFA3HJGjGLrE7eROgwpHK4TXJL8qHBtgDFtE57dRZt3ZNS0PsK8tUHa92Us5JjSIRo7n8rCfEmjVHKM/ITkelegc1WbzA/JAiHvKgVNCMB2EaUXSNfILpDuiAVcrRYkJTrvJo3TmLP+CCVPaVZygJ7S7u8VGONE7rEAepxdZFtStIwLmfH3ID8bum/gw0jxkndgxrqZ/PKKacgoyJJiEl2T78fiatPYIyerX53zb1UF7cu8q/Rmq+Arsm6+jEDdlqJite/jxUIHzdKMRtHgcstlu+0yPWUT9IVsqxkaTt5hWR+EvLwl4skvXhPV/pwjAsvZPB3XsXR6QcJ81cIxNFb7PvfMl7ltyuDuGcHyu3FA2x8xXZQE6DubFvfMlxlEGXGWEKVQ1HWO1KQFfO+cxeF6kWNTch9+AstVi4O1IsembG6dKrDjxhybKrJYLvDytse8Y5Dkz8tQhcza8lJmikX6oUvFLKIqCmvDLfrhgNXBLv3QY9PtYY2FuFGIG4cMQ59aoYSp6Xixz+XeNiBY/0bB4tmtVYaRj60XcKOAhuWwUKpRK5Sw89uaK9UASLOUtt/FTzwu97Z5cmPAJy53GUQZlq7wngMNDFXhQEXHT0K2vT4Ay2XZcFqekIKrBZVtN6EXZGyMYrw4Zn3UZZgLOXtByqGqwbnOkKuDPv1QCq3VgcAG33vQplkyOLMb0fJSFko1Dldn2Oc0WO0nVAsKyxWDhxdKHG+Y3D9XJEgk2XhjlDBjqzimStVUWJgp8ZdOHsSLfeZKVbrBiGc2tyibKs9sBszaGnMlE0VVKObvlaKustIV8XCjaNDrB0RuRJhkPLvex8zFtyAdvCzNyLKMJJSQxoW6uMGudAPesc/hwxf7XOmH2IbC2/dVMVQmlvIZW+W1lsty1WK5YrFvSoI/1wYSIPmdx+u844BDx095YK7OttvBMQpsjkJ+9dwu//b0Ll9/pE6SZfzCu49yz5xNsWQSRvn73NJ5aLHC8YbJkUaRqXxUpKkKtzWLqAocrEq3UlMU/ERGSkESM2sXOFKd465mmcdP/l/sf3gO89QMzDTIel2yQYcszkcQ/SHZcCBn5I0KytLMnqDUD0m7LtkoQl+skLV6pBtt0CUsUV8qk7SF+KpWLDBVolX5DGtzZRmxGJp0Y6aLJNsu2pzg+tNugL7kTMYySkFDKegkGyO0RlHGOJrC/83en0dJdp/nmeBz9yX2yMg9K6uydhRQAIjCQpDgChIkJYraJbdktq2WLPdYklttezyt0ZwZeua0Ne1N9LHaaluyFluSRckiRa3gTpAgARBbYSvUnlVZuWdk7HHj7nf++G5EApLb3ZYgtqaN3zlxcrsRGUtm/L77fe/7vPpCEW22IMGHRZN4a4BmiMhXr9korjwvmReRtkaSI+QnZFFKvDskbfkSPWBLNlHSGok12tZImiPpqngRimsQnt8k82PizaE4inY8Ifa2B5NkaxAtizZdhDRDrTkoUyWJQBhnPaUZaXtA2hqi2KYUduPOxzjQcMxgeS10bmxp/pPJ3APvwKkUJweRAWOtzFgjM9a3hJEUJPLmcCDqfe11xisX6b65/stab77iQM3WmSlbmPk/QJKHoK23R9w+VyKJRNugqArloolVMPmlp7fwEzhcMWmNZNR0pGpzfk2srqMo5VTu4OgNJMdGUxVxjNTEvmeoMOe6BPkJyIvNLp1gSJpTYW+fMph1NUZxJDqOXsgg8rF0haWijIGutiVf6GJLsnYOV0xWqjaDKOOJjR5fvNEhTDL2vIgggUv7Ho9ea7FU1NjoB2z0I7603uNaV0Y7YRoziAK8OGRvJLbsObdCyx+QZlJEpVlGJ/TQVZVB5NMc9fHigDhL6YUjFgpVyqZOL4womQdaCVWRAEdVUVFRJiLlhlOibLmkWYaqKLiGyv/9rTM0bJUjZXmjPF6xidIMWzM5XVvAi0PON4cy5mkFHKuavNSMaPkpn7855C3TDX7v2pAv3mpTt4scKRdYHyScrhu82BRR64X9kK9vrWOosFzS8eKM9x4uUTRVDpdseuGIK51dbg1adMM074xpnJkyqVgqcZpw70ydK+0YQyV/TRTmCxo7HZ/fuXqTaWcOLwr55NU2UZrxhbURG/2Iz6x2+eyVfcJByDAvTlY78ua8WDZ5abVNHIhWyjFUOh0fU1MmAlyQ4kUzNHRbp+QafM/pGi/ueozilE4YMuXofPJyh36Y8fxenxs90c0MwoQbPfmj2+gHXNgd8N+dm+KRE1OTM8qUjO88dgxLU+gEHr9xaYMtr0vD0ThaMXjkaBWAHzxTI0ziPFtImRT8Y3Ddzihl2tHwk4wPHi1zz6xNxVR5YLZOkmXMuipnpy1OVnUMFV5qyljqem+Xdy4+RLEAmqWhv/9+lEOHD2y0Y0FnuSifd/qSfBxGEy2GUi6gLk2JrkXX5GtHugWiL4lJuwHBcxJIqBjaJHso2RNLcdoP85TpDPP2KQHZWRIJkLR84q0B8a5Y0tNugOLqBNfaKJoqtwVk/XDCUPF3PRRLI2iLq0dsyxrJlohtVddA0RSxYBdNkrZPsjWcJDwrhibFFoL+xxA30WsFwuZtUwLQq9tyW15EfLNH2hoR32wTr0nhn/mxOHLyAMrxuEdxLdSpsoyqxllDrn0gwB2Pfezcnz6GzY1tznMNKUL8XDz+2tHO+LpmbrHuDfKohtyNVK8cHD++vbHLazyOSmUMluXC4SyK/mxv/P+Z601x7l+e9YYXLj/zMz/DfffdR6lUYmZmhu/4ju/g0qVLrzsmyzI+9rGPsbCwgOM4vPvd7+aVV1553TFBEPATP/ETNBoNCoUCH/nIR1hfX3/dMe12m49+9KNUKhUqlQof/ehH6XQ6/9n3uWyJq6hiayyXbVbqDmmc8sByldXOSLosChQqkllTd3Smqw62Bh0/YbliMYpTru0Oef/pad6+VOR43WEUpUxXHRRVYa5ocmrK5V3LJeqOwZSjUTAExFa15B/1eNXmaGWGpWKJpu/TcFTKps4gzLhr2qBuq5iqjpHrApZLWp5hk1K3VZIs4+vrfdZ6Pr9/pcUwTAhHEaamcLzm8I2NHnfMFPiRu6bxogzHUCe5Ra/uhzyxdWsyGvLiAEeXQibNslxX4lM0xK1TNGxURaU56mPrJg2nhK4IYK5ql6laLscrU+z7PaacOqqiY2o6dbvAtFPB1k0szaRuy+eGavMfrlznia0el1qSF3WypvPiXsD5vQ7DOCRK4etbffS8wNwYJLx/eYZjVZO6rbJc0nANhcMVi6bf54dun8ZPMq51d/nY19fx4ozPr/ncPW3yhZsjLrZCNgZCeK1aBbwo5VhF40zdomoVmHVrLBYqeHHG2YbBjpdytFLE1S2KpsLxyiwbwy5NP6UViKh3x0s5Vq3gd32e3xlxqX2N9UGLdy1ZrPYSnljv8uy2RCC4ts7CTIEkTOgMQ7a6MiI6v9aVSAhF4Z6jNW7l3KBmHi9Rcg3SOKXgGpxeLPNdZ2f5W2+ZZsdLeHmzx6V9jzP1WRqOyr3zRb7z2DJRknGiqjOIRBdVNBRe2h5wfb1L7Mec34t4aXfI2WmXD6xU2PNCWv6Qo5USf/vza/zW+W2e2g759xf7PLXl8dnrHf7oWoeL7Zhfv7jPYzc7nGkUmK/YdIOYvbwY2+yH7I0SekFCP0zZGEig4o1+F0NV+PpWSD9MudaVrqKtSeEXJDHhj/xT5k6WMOaLZP4IgsHBWbsfwMyUbJr52CLrv2YDLrrEl3Ym4X1Z35fOQx7GqNg6SdtHazgYKxUBupm6FDZIUaCoiriAdrw8bygmy+m0akluIxvGRDd7ZL50QdSKhV6zMe+cFn2Nqgg119VRSiaFU3X0w2WcIxXQFLSGKx2Vmj3B8WdRKknPuf5GsbQD4m0qJ1BZktN+XQP9UBXFlEJFAhoj0bNEKdqMCGy12QJqw0WrO6J56Y8mGUvR1X0RvI5Hba50cbNxbpBtHhQtaSpFyWsLk95AgHRjp9DY/qxrBxqWXBdD0T0Q+I4dRpB3ZeKDwnR8nTTNc6hek20EB4LdOPnmaVxyO/Sf9/Lm+vOvN7xweeyxx/ixH/sxnnzyST73uc8RxzGPPPIIw+Fwcsw/+kf/iH/2z/4ZP/dzP8fTTz/N3Nwc73//++n3D9DNP/mTP8mnPvUpfvM3f5PHH3+cwWDAhz/8YZLk4I/3B37gBzh//jyPPvoojz76KOfPn+ejH/3of/Z9jtKM+aLBYskiTKUAScJEEpaLJqqukmRwbq7ImWmXumNw/2KJT10Rm/OFpkffi5it2nT9mK+tD3B0lYqtE6Yph+sue8OIU3UTVRFnRZBIgnOcplRNF1e3OFqe4beuXOPJ7Q5bw4Rpp8jGIORUrU43EDrpIPJp+yk1y+FyJ+bBxQLdQOzTFUvn7EwBU1X5/tum+Il7Z/nIHbO8Y9Hmr5yq8jfumuKBORM/EY7LsZqDY4iwWBwuYGo6ti6i2qJhM+OU8eIAVVEIkxhDlWKr4VTx45A5twrAnFtFVaQDE6chZdPB1PTJWMhQxR7t6hZBIp2jjJTr3S28KGBruMeVjpw5vWXGIsng0RsjDpcNntwccaUd86lLbXa8hE7g8Suv7HK6pvOZm7vc6se83AxFFxhlbA0irncDyqZD3VJ5ajtkuSxnju9btlkpu5yumxyrmvSjlPVBwovNLq0gY96tMIpjbg3aXOls4sUhQZxRMlTmC/LGLNZtlU7ocbhUF31LJBj+lYrOH9/YZ36pwtX2iE4w5GJ7SD8ULZOjS3FcsTUqlowQx2OfqaLF3kDIuw8eraPqgtTXTI1q7kRL41TSq2sOx+sOP3S2RsNW+eyNAVda/uT7AE9seHT8hDRL6YYZ90zXqFg6d8+6rA9ipnOLtJHbs99+qMxKWWPGFbLtte4e/+OTtwhymN4fX2vz0u6A1kj0OKM45ZPnt3hpd8Bc0aRiadQdoemenS5wad/j248XuW/WomxpdMMMQ1XoRxLmqSnSpWo4GscqGsslnSiFV/YjrrRjvvapXXTXmDBLsrGDZGyt3d2XjatekWDFQ1MHY4rtfckACiNhsNSKkkW02yLLxw76chn97CHU2TJa3SHt+RN3kGKboCnEaz0pBHIhbXi5hb5YIskBb4qhYswX0eqifcmilGwQEb66P3EUjam3iqGSBcnELQSQtEboC4VJ90Wt27n2JEJfKKKWzNweLaC5LMkkGylnsGR+TLo/FFierU/CHNNBKC1dMxcajy3PjkEWJWS50Fh1jdydpL7e5uwHqI5BFqcH46Dx8oPXM1XGRcSYkNs7eK+fdFfGPxuPhFRVPs7UD7o1r9XOwKTzkqXpQUTAuKgZO5TS9Jtmh35z/eVZb7g499FHH33d17/8y7/MzMwMzz77LO985zvJsoyPf/zj/PRP/zTf9V3fBcCv/uqvMjs7y2/8xm/wN//m36Tb7fJv/s2/4d/9u3/H+973PgB+7dd+jUOHDvH5z3+eD3zgA7z66qs8+uijPPnkkzzwwAMA/MIv/AIPPvggly5d4tSpU/+773PZ0kgyaXG3RrGQQpOUS2tdHjzZoFR38foBb71nmt+/2qMbxKx1fb795BRfuNHB1BT8PKn3SNUiySxe3h1yvO6gKQqPrJR5fmdEmma0g4wH5w0qVkrFUmkFA6qmi6lqXO5s8c6FBr/0yiZvnbep2wWOVRJeaO5zuGRj62be7YjYHY14cN7hUluSlb+x2cfUBEJ3tGZx76y8UY01LCAC0yDOcsElLJcUmr5GP8qYK+TWb1VCEmecMr1wxFKxziDy8ZOIul1kGAn5NsvHQnW7iKoo+HFIKxhStVzi/IzK1gziNKUbdPGTA5fR5c4Wp2sLXG5vcbE95Eh5xCiO+e/ecoR//dIaUZqx4yWMooT5gs1vvjpkEIngGOCHH32F7z9T51DJ5Lcv7XKmUeA7jlVzfdA2n73hc6Wjc7zS520LtRx2Z3Gps82cW8WLA/wkY6Wsc7mTUTJkbCUo+iEFw6ATRFzvDrB0hSO5ZuJktcZav0nZdNgb9dka9nKAmiqhgUGKFSu8tOdNWsL/6OltHjlSxk9StocxZ2dkQz8zLbe52R5h5xlHp6Ycno3EoXN+Z8DSdIGTNYu1rk3Ljzg1NWYNSUHzvsNFWr7YwbcHok1Zqdr81TM1Hr25yaWWR902+NnnVzm/PaBiSsp5y0+42hrx4FKFvWHIWi9gfRBzsmbw0n7Mpy+IXukfv2+JV29J92cYJti6ih+nTLsGSSbjR8M1JsXKnhfRGkX88J11arbKr13IWOuJ7X4YJky7Oram8HIzZBQlHK5Y+EnG3Q2DoqlwoxfhxVJUv33BpViA4lwB7Z6jB9oJbyQdgGbnwAY9prqOOSL5hqbO10m3WpIj5I2kwzLlkmwNJjwVHdGXqFUJZdQX6gAydtKk46LPFwlf3cc4VSN4dkdAbflS67aIW1WF5PJI9C0zCuFGH+tYjSxKCF7dR8+t00k/zLUzqvBbNEmM1hsuwbPbMtrph+grFeJNCUFMdoYYJ+tiXW75pIOQbBihzRYmBVTWHMkGDyJaHcYoqkp8s52PnwyUcoHkRhNtoUKaDNEsHaVgoRmqFD7VknRPwpR4a4B+uAZpKFlFY4fQuOsx7sKAPO/jTKLXCGzxg4Ogy7F+RlUOOitw0FnROXAc5QnfiivvW9lri5Y0lfgGIAMUw2SSSfEXvN6IUU/65qjoDVl/4RqXblfEbvW6vCGsrq6yvb3NI488MjnGsize9a538fWvfx2A++pj/wABAABJREFUZ599liiKXnfMwsICd9xxx+SYJ554gkqlMilaAN761rdSqVQmx/zJFQQBvV7vdReAYZiyO4w5vz0Qku0gnIggF8sWjq5yeLbIcknnwcUiN292cHSNP7jakrPm3GK60Q+4a1ron99yrMxKxeBMQ5xD33asyImaznJJrMeurjDnVplzq6wNuhPtR5wlaKrAvH7/+gZl0+G+2VlSMsIkRlc0dFVjoVBkEMUUDflnev9KjSTNOF0XvcALeyEbg5izDYPn9gY0/RFBnFGzNS62Y/qRUHFXyhq31Rzec8hhvqDzQnObURxLinNzwNXODtvDLmES4ycRXhzS8gdkpFStAmESY+sGcZbyW5ebvLy/g6oo1O0KuqpNRk2d3HHUCUSA/Hura1zpDLE1KBo2LT+lOerTcFQ2BwIu2x6GPLkl6denpxyKpkZrFDNdMPiuYyvoioqja9wzIwC7xze32RgkfORYCVWBhWKNhl1iEPl8dXOTJ7ZCfu3iNtuex6yrcbhc4u5pgzunHQxV4WubPnWrwJ4XEiUZedQLTV90Pqqi4CcRO16fWbcs/B7b4d2L08y6Gl6U8YsvNHnmyj6DKOGh5QrHaw6/+WqL1W5E0dRouDoVW8fRxcFmWDpFQ+OhQxX2vIi6LW/K5+aKrOTi7sWSyVzBZBAmTLsmjq7yjqUCNVscba4h0RJajs23NYNdL6FoSEH+0u6A9xypsD440Ljcv1Dk7JSOqan84JkaS0WdF3YDfvdlCZGM/Zj/75N7xEEsLrtegOfHlC3pIi6XLUxNoWzpTLsGmqIQJhmnplxO1ipcacfcNePQcFTcnG8yX9Bo5Vlee56EJwJ8bdPnia2QHS+laMio6IH/7mucuq+MeXYa6hUUp3zgaPFD2eQaNSlgOn2yseulKPj4sXZDdQwUS4dyEW1e9BNq0RRhq6oQXW6RNEekHY+0HxK9uEG215VixpHOhuIIil8tSEBi0vJRLF3s0TseyeaApO2jaCrhaocsSjEXSzIqSjL0vGM02hiQRinR7lC8tVGKNl8gfLkp0DvIbczZZNSDpmCcrAtrxsuLnKUSSt6hyYIcQufH6DMFsVZHeRBjmk4s32k/JN3qCM8lH0cptn4AnAvinGrrkMUpWt2RDCjbFLHzOANKVQ66KCBFiWtLsTH+elxQhrEUODnYT94Acpv0wJO06M1dKUZzp9BrOz+ZH8hjcF4zhkozGaONHUrZN6/joqlvzOXN9edff6FPY5Zl/J2/83d46KGHuOOOOwDY3t4GYHZ29nXHzs7OTn62vb2NaZrUarX/5DEzMzN/6nfOzMxMjvmT62d+5mcmephKpcKhQ4cAKJgqNUdnzwvZ6PpkWYZbdciyjIcWxPWzWLL42Nd2eHy9j1WyGMUJnY7Ppa0+9YpsMHNFk2d2IlY7I2xNoW4pfOhogYajUrFUapbLA3PymKZdk6JhYWsGdzcWAdnA/Tji3IxJmsGsq/IHqztse52cn6KiqyrXu32+ttnhud2Qtp9iagqPXhNr6s1eRDfMmHFV4ZaUary05+NFGTVb5Uon4nRNp27Jm8NLzYjLnRFFU8HVLbaGktL8zG4LV1f40nqfp3cGqIrK5rDNttehahXoBENa/oBXWhvsej38OEJTFT55uU+YxGRZSifw8OOIF/c3qdsFwjSmbhfxopCKqbA1TDBUhVuDPoaqMOOUeW7HozWSs/R754scr5mcy4muL+0Oefuiw9+4s0rLH/Dp6z2Kpsbnbw7Z9SK+vDbMx2CyL2wPu3hxwMbAI0ozapZKN4gpGiqnakVebfU4Vpnmxb0RO17CvbMWn7y2x9M7IRVLlRFckNL2U/wkYnPYpuGUcHSd1V6XKM347FoXLw5Z68V8bWPA3t6Q24/U+O2P3MXpms6Uo/NXbqsz7WioClxr+yyWxJJ8s+WxUrUxNYUwkVHfZnvEodki3SCh7khno+XHmJqaJ4QbvHu5xLGqjquLs+1zq708rNPF1FTagce1tk+SZXxgpcIoTqlZKqM4pRvELJVMYbh0E2YK+jhjjy9fb03GVkmUsNMcHtB4c/dSux/Q9SUjqW5LYS5EaLHhP7hgs1CoEaVwoxvRjzIutUKOVgxsTUZDLzd9jtcdWkFKKWfa7AzFFdb0U05WdV78Wh+n4Ygl2S4e6FvGdthGbTI2yPwQRVcnULNsMBK9ix9ICrStSQdFVUnWWhP775jXouX6krFGZQLbKBcJX24KjG4gnQfzrUdEdJuLcdO2T+pFcv2SbObmbVMT/Ypat4W1YmsUTtUxl0pYJ+sCgct1LGPirmJoaDUbxdImxQggx+aFjZIzXJRxN2imIJ9XrYllGk2R4Maak2criVZGzU0B8U2xY8d5ppHcbu4AimPR2hiqFAe2JcWCF8iIzbakSOkND16L8agozXKhbybFjG0e/GzMbBkLeYvuge5lHBcwPm7csclHR1kSH4hyx+Ms25SvFRXFtP6j7/dvrv/zrr/QwuXHf/zHefHFF/n3//7f/6mfKX+iZZZl2Z/63p9cf/KY/9jx/6nb+amf+im63e7kcuvWLQBGUcrnV9uESUYxP+MddX3Mgsn6QMLwfuzueTrDkBsdnyzNCJNs0pUZxSl3LZV5bw4re2ipSHOU4hoqmqKwXNJz0myGrmicqNRp2CVebW8TZ4nwTgyLsukw45ZFBxCKEPSDhxscr8xSNGzSLONqd3/ixrneDjgzZeIYgkZv+dIyNVRYKYs4thUMuH3KwjXkvlqawsYg4WJbnCBRSs5CyfjKRo8nNoZ8fm0fP4GntnyWSxrnZlw2h22+uuHh6hZhEvPl9U1xOGk6LX+AqekcKQuF9Xeu3uRWfw9bM1gsTnGyKgyT14Y0LhZN5gvS/bE1GdW8uL/Ntx4tcWrKph+meJHoelxDoeFofMfJCu9dWsRQVT59fYeuH3Np3+Nqe8QLzYgzDZtPX2ryycsdEYNGPmEiBNajFYtPX2lzad/jnz7d5Jdf2WPHS1gf7NP0U+6ZsajZKjvDiHctWWwNE5bLGhuDhPVBwh+sbnOrP8TVLW70QtIUjpTF9fUHqy1+/cI+jq5y/4kp/s0HznG9u0vRVDgzpXNHw8ZPMp7bGrDa8en6Mc9u9UlCybHqBjGPrXW52h5NiLWaCp9bbfOZ611ao4iNfkDd0dnoBzwwV2J9kPDEVsilVsCpPP/q21aqmJqCoaqT/KprnZAfv2eaWVflLTOC3N8fCSnXzd1p//jxDf7VczskYUI4CElzV51mCsguiRJ0S8YhhqVTNDVGkQQorvUCVjs+mqJwasrhsVselztbVCyFe2bleUzyaAZDFRv2HQ2b1ijmhZ0ByyVt4sJrjhJ+8NQ833ctZWYa3DMN1AfuhNIMaKZscmOnyeZuTlFV5DLeEF0bpV7OBa4ZyZ50+rJ+SLLRRnEN0q6PNl8Uxgk5fVhTJrbaSSfl+h6ZF5F5splHr+7DYESyIynPasVCbThoORgw3RuhuYakQIPoTIC4NRJXkabkwthQwhcBfbYgtuz1vjBjvIjocltgeJo8NimobFTXkMc1lC6LUtBRCoZkJeUBj4proFUseXwL5QkDJvMikn1vQupNdoZoDYd0EKLoGlmUkI4iMi9AqcjjSbYGEz2LYot1n7HeZMxqySFx2UAeM832wRgpjOTz3kCKEW8khcy4W1Mu5t0a+0DzMg5szDktyliUmxetiiHaHkXXBUiXxNJ1+SYsjTfAVcSbo6I3Yv2FAeh+4id+gt/7vd/jK1/5CktLS5Pvz83NAdIxmZ+fn3x/d3d30oWZm5sjDEPa7fbrui67u7u87W1vmxyzs7Pzp37v3t7en+rmjJdlWVjWn67OL+172EWLKIiJAgmry9KMkmvwT798iyzN+J2r+8yULY7XHJ641UVTFZanC6y3R5ydLnCmYROl0BwlBAkcKUub/nCpjB9H6KpKwy6yOeww45aJ04SV8hQqCkVDOjbbXgcVhSSDxzdGHKsUaAVD5grVXC+SULdsikaMa8QsFYs8sxNwad9jz4twdJWXdod8x/EyZ6aWOb93nUvtIL9fKbYGgzBlrSfBhTtewq6Xct/sNK/sN/nEq/v82D3TFA2VQZRyum6y4yX4yYjmSBw3n1tr8+C8z9vmZ9j2uhQNm5u9Pv1oj7ql8uBiEUNTeG6vzXKpj6nqHK3MYGp6TgWWzsvGIOSr6x7TBRNLU1koGlzt+ESpiKXfe8imORL9xtGKxYVWwHJJ44vrG7zailjt+LTy2fZc0eTZrT57XkTsx6y2RpPMpmk34r5Zk69tCuH2J841qJgaL+yFfOvKPI9vbtOwVV7YC0myjHtmbUqGST8MmLYtXD2enOSpKlzr7vGFmwPunXN5pRXx/PaQ1iimuTPgoUMVPnp6lqudbRYKNZ7dbTJf0BhEMb/1kgQvStGbspx36W5u9jALEsL40B3yd5ukkok1GoZ0FTjTKNDyI0axWOx3RyMMVWGxqPHkRiAjND/C1HQWSxZbw5hHjrg0XOH1nKqVudnrU7EU3rZQwE8yNEXhM6tdiqbGHQtlXm0OJ3EBhmOwPF1gz4smHZhwEOJUbJIkpTWKBIKYye1M50ToUZyyUrX4xrY3OdEuGSqeqVGx1DzKIKXpp5yqW3SDmOPVMt97WvK7+mGGF4d86a9/kbPvmcK47zDYZQgGZN0OSqkIhTpZuAZHl8iGQ/DDCbeFOJ4IQ7UjU2S9oQh7IzlrV0sm0WpHNCvndzFuq6POloWF0vXI/BhtsUa635Nk5ihFX6mQbA3Rl4p4l1syygH0hQIYNuH5XQlhvNxGXyqRpSnR5Tbm7VPCYlntos8WJlwVxdBEWGtookNxDDRLI7qmoM8URIezUCDZ8SY6HNXWoGRK1yUvsrSGk3dp1HwclEy6G0lLrNbxaovUi1CLJupMheilLekAoYrAt2hOukuKpQu4rh+i+DFqvSDdpzHhFqRA9HPNix8edLr8AKVePui2jLsm4w7NeLxXL8NuS8TUqnpQ/IxHRANPiphxPtFYyJvrYxTVIItCFMMkCwIUywLSAyDhX/BS3wBXUPKmq+gNWW/4K55lGT/+4z/OJz/5Sb74xS+ysrLyup+vrKwwNzfH5z73ucn3wjDksccemxQl586dwzCM1x2ztbXFyy+/PDnmwQcfpNvt8o1vfGNyzFNPPUW3250c8793FUyxFWdphpHnEi3PlxjkrVrd1vncddGzbA9Dzi2UOTXl4OgqlqVz/4LL2+YLqAqcrOokqVhjN/oJz+7KmCdMhI/ScGTsEacppqYTpgm2Lk6dpWKdq12fpp/yyBGXxzd7/IfLPZqjPrqq0Y9CLraH9MKYk9UpDpdLeHHG952qEEaJJFVXbWzN4PzedbaHIWenCpyu65yuFXilFfP8rk/DFWvyjV5Cw1F5Zb/J59c8zjRcXF3hhWaEpSkcqehoipBpX9rzmCuYPHyoQsOWxzCIYl5sdrlvdpF+mFE0ZTPtBilplnGxHfH0jscgCtAUnTCJWR+0eGHP51o3puXHzLsyvtocBHSDLL8uFAyDw2WxEF/vBnzxZp8/Wh3x+1d7PLvVZ7lskaTQC2Keu95msx8QJSnnDlcxDY0kSbnaHtFwVI5WZjhW0fie03XuaszR9vPH3dpla5jy1vkqRyoaDy2Uect0Bdew0BQomw7vXCzjGjLqe2Ev4ou3fNa6Ab/4/A5XWj6OoTKKE44sVdgehPzIZy7xP3zlJr98YZOL7ZjLnZitoUDZ4iAmyzL6vYALOepf1VSmihb/zVsXJx2kUZxytTViuupQsXROTYng9tx8ifvnLFxdoTlKSDNYqdpc2BvS9yJWe13OTlucm5nG1hRudPyJE2qx6DJlu5yZMvnVF3bphikfWKnw395Vw8lzjuySJXDFosna3pDlssXJKZeVukOxJsTm41MuLT8mjWUDH1vqVzs+o0jovGmGaFt0Acu5hsJSsUTZNKhYKmtdn5qt4ugq7/nd67x1bpokg5IpnbcwhNp7DsnZt1MWvL9pQJaSNTdg4An2P05gaVbGDkcW5XPTkHyhMUit5aPUikLdLUu+UNIcodZt4ps9krUWWd8n2ROwW7LWQrGkkwHktFkdbaGCtVKRsMVZl+hmj/CVJmpe4KRRQrjawXtlXwqObiDdDddAMVT8a53cWj0UDkzOhwme2ZKuhyUZQqqriwPJ1QVat1SSLlEnIEsyVFcnXu0S3+xN3ErJjuQuZUkm+puc+aLNFkT3UjLJ2oM8NqCEWjJlPGYaqNMVkn1POjPDGG22JMWZKmGPAPHq/uQ5TdZauT1ZQ6kWQdfJgrxoqpakGPH8g3HReLm2BFkWXdEl9QavCVc8YLNMnEJwENQ4jh7IKbnZaDQZGSmqKl2Xb8J6k+Pyl2e94R2XH/uxH+M3fuM3+PSnP02pVJroTSqVCo7joCgKP/mTP8k//If/kBMnTnDixAn+4T/8h7iuyw/8wA9Mjv3hH/5h/u7f/btMTU1Rr9f5e3/v73H27NmJy+i2227jgx/8IH/jb/wN/tW/+lcA/OiP/igf/vCH/7McRQC7XZ/5uRIjUza8NE5p+TEPHa5yYc9jrmjy8maPK37MUs1BUxUWCxbbg5CHDlX48JFD9MIRs+6IbpixUhERbnOU4sUCVSsaNjNumV1PBMFNv8+SXme1t8e8W2Fz0KZqyZnj2CpqawrvXHLY9jq0/AGrvYRuICC0XjiibDr86B1H8ZOIcwsD1no+mqrwm5f2OVqRN15LHzFtWzx6s8u19oi5gsnTmwNcXcZRF9sZ33mszul6wltmHP7J0zs8cqTMxkD0J16ccWZK52vrKX+4OmDaETHs+b2Qe2YsHlle5LGNW5TyoMZBlLHnxXxudcAPnZ3ijimbsumw7/dY63sEScZyWePTV0aEScrFlrhhHpiX7s5GP+BYzWYYRayUp6hbIxaLYh1+9yGb+VN1yqbDTz9+jf1BQMk1MCo2Dx2q8J3HS+x6Ed9/usyF/YjvOLbAc7s7+HHEQtGiH/k8v7vNlGPwmVc7vHfZZb6g8vJ+D02BXUW0LnVLxU8yPrvWnHBFzjcjXm16tEbRJDDwwcUCj17vMgqTCeSvvztg7sQUgzBhqaSRphm7fsbNzZ7kCykCaRsHMM5Wbb7lWJVX94XcXHcMzu8MiKOEetXmR++q0fJTumGaZ0rBxVbEk5tDHF3lRN3mamuEoiocKpb4+maTczMB64OEE3WBvflxyDAOudiK+fSVNsenXBZzgOFLTRENx36MU7ZYXihRNDWuIu6lMEkpmhpnGu6Ez6IpEpNRd3RGUUqlqjNdMCUoUoNmHmPRcDS+vhnwwLxJmmWM4ohZt8RiKaA5kmywP/7wEu//p09h/v2387m1TR656nPpcE6uLRch9GDYEsHtGF42U4ckF+heX5cz+M1dObs/soDSG0iWDqD4sSDsTZ1kpy/Fw+ZgYjtWDJW066MvFEk7QZ6k7KMdmSK52sY4XhOtSRyjHy7LyCdKRFPSl46fWjLRZwukLZ/ye+YJL7dQQMSziYhxszTX0FStSWck82OyJBfODsI8TyhBrViSFG1rcjE0FC8iCzIU1xBib55HlQUxSkGYMvpCkWRnCJqWd4zypOt8BJZ5EZnhk/ZlhDV+PrTZEpkfyujMNNCmXDLPR6kW5bmzdbmtXPQrQt1kojNRasWDsdCY7TL+3A/yEZ90a/D8XLuSHdik4cAV9lor9CSnKD4oaCZaF4MsEeeUor2ZXPNf2nrDX/Gf//mfB+Dd7373677/y7/8y/z1v/7XAfj7f//vMxqN+Ft/62/Rbrd54IEH+OxnP0upVJoc/7M/+7Pous73fd/3MRqNePjhh/mVX/kVNE2bHPPrv/7r/O2//bcn7qOPfOQj/NzP/dyf6X5v7g7RTI1oFKFbOsOuz5f7AVbBZGunT5ZmlBuFfF6v8exWn3cuV7jRCfh3F29yz4yBlwf+rfZiVnsJDVvlWMWlEwhOP80yXN1kEAUsFGr4ccSp6hyd0ONoZQZd1bizEfPORZdB6BNnKc/udjA02OiH3D3tstoT4dq+79FwSqRZxu9f32CuaPLBlQKtIENTxMFxuR2x1kuYd0UYKnEDAYslk+2h6BwqhkqapRMNzJlGgaKpMl9QWOsn7Hox1zsB33OqQnOU8vzOiBM1HddQOVqWcRHAyeoULX9InCX8yktNNEXh65sjjuXzclszKJkKFUVh3q3wwZWMf/3CPqfrJjf7MV6UcayqM+tqWLqMy27293n40BSuYfF3z9V5eX+fsunQ8gdc3hkwW7X5v94/zVo/4R0L0xQNG1fvMOdWOVr2udje49HVIX94fcD/5a4ZntvxWe34/OCZGvfNO7SCjLfOVXlsvc3XNga0RhFvP1Thhd2AR464RCm8c3Ge9UGLs1Pw3FbK+1eqXNqXArE5Sviuk1W+um5yoTkkSTNKM0UeOVKeCKQrpsovviDFu1kwMSydUdfHcAw0TeXcfImX90RIOw4iBNAN0QsBuIbCxXbMtx6p8D+f38HRVQahnIW+uCuF9QeOVvBi0Zv0Qo9zM1U6wZAX9kKOlHXO73m8uCdJ0X/nvmmKhuROJVnIL7/YwXAN5oomSQpdP+F43eG+uQI3ehFzBZ2WL2LhU1MKn7nWIgkTkhSmXQNTE/hfzVKIUnB1ha1himtkPDBvMus43Oz1STK42Gqz1vPZG0acmS7wzsW38q//qs+pUZ/FosZT3/cZjtw9HiVYkMc7kKYHo4QL1+DsKTl7H48i4lg2v/HGGSdkXoB6ZHZCfdXSlKTtox8u5wGKXi7U1ciGEUpBJ0tTKSAu7YiuZbUjeUBbQ8kl6ss4RLEEPqeNoW/dQBKdS6ZoXpIMbalItNpFMzSMhotWt4lu9kRwbOmTQkgAcRLaGK/3pYDIU6KzfohSEQ2I6urCeimaE6FtFidopkF0vSUamCSDKEU9XCC+1ZHfpaootSLpfo+k6eXFhyoFWckk7eb6FEtHye3kmeej1LU8UVqDMKcNq8mBQygX0WbtAcpUSToqE3uzdpBV9Fpcv20eOJDGhei4KBlTesf6mDQ9GFO9NpsIULQ8cNEtgPpN0ri8Aa6gN11Fb8x6wwuX7H+HNU1RFD72sY/xsY997H/1GNu2+Rf/4l/wL/7Fv/hfPaZer/Nrv/Zrf5a7+aeWbusi0gOcgkm/5ZFF2cQOqqiS0KupClOOzkpV8lYeXJSNecdLmS+I1flE1SLNUna9mFbgc0d9DtewJuMi15Az0KrlYmo6U06dW/1tqpbLjFPGzd1GpqajKyqDKGCtN+Bm3+e2epm90YAp26UXjrjW6fLinqQSPxbEjCJxGX3gSIH5gmgLXtof0PETrrZH/N8emMbSdD5xqUuYZCwUdH5/tUPFVLjeDZgviCD1u4/P8VuXrnO1PeL//lbRXjT9lFGcitV12qAVDAmTmPmCzu6ox1c3PI5VJIPn3cslumFKmMa0/AE3+y3O70W8Z6lM2XSw9A5vP1ThelcIqxfbMS/vDvmvbquy1o+52EpZLuloSg/VV9BVjTumpgSMZ9qousoPnZ2iYBh86PACYSp27Tm3yrbX4UJrwMZAHvO0K29+FUtno+vz2RsDwiTju0+WKRo2v3R+h7prMlc0eWDOxNYsTE2nasGX1ze5Y0os1YslE02Bhw8X+O1LHVbKOuuDhLWuz4OLZT53rcVy1ZHCKx95RWnGXNFkPUqI/ZgjjQLXhyG6LXqUaUejZKp8da1H3dHZG4RoWm5vVhQ+dWWAY0g8w3xBhKyOLp2Q9x6u4kUpDUf+7j63JsVT1SrQC0fYmknRjHh5v88r+wFvmREH08YgwdLk+X1uN6ScC25BRj9vmS1gqJJm/ZaZEkES89R2xnov5GjF5uSUy8WdAaM4Ya2XMIgSTlTLFAvaxCl2sxfx9gUbW1NYKtbZGW0wbZvU7ZiVSkVEuxn84itfomKqfHm9y/907C28XPgChbkCFB2UegPikGxnD6plKU46fRkHtTsTYShhJJuj3pWfL83C5h6KqR8kEtuW2HwPN/KxRIZ6fAGaHdL9oYyGVAXSDH2lQnStjX64TLTaxTo7zeCzq7nmxEObL5IFMWrdRsv5K2rFIosSwvO7mLc3JApgJz/Wi0hbPkk3yK3OySSwEUQMrNZtUj9Brdsk3UASq/NxUtqVjT9p+ROQXLLdF4GupaOW0gPtSz0PYeyPxGEUpijzZcKnb4mluyhAu8wXzY8Qf6WjorymSCDJSK7uoi3XUfIRTtYWAGDm+fL4HUM6Sc4YMBfnepbgoHhRVfl+tQSDUZ5vNJIi0/OlW9bpH2QSjQvPccQASPGkir17op9RBFiXxaF0374J640Y9bw5Knpj1pv1H7BUc5kpW2j5m3e/5ZHG6aTLYjgGuqUTjiI2uj6fvrzP9kBQ5d0g5UhZ48W9gK1hQsEwmHMrzLlV7mw00BQm7JNtT3gtrm5Jd8CwsDWHJIsJ05jr3V3iNKEXeGx7XTqBR90u8h+utFkuywYXpwmWpopbZtTHTzLuaMiG9OxWn+1hyKX9EX6Scahk8YmLPb60NuD8zoD/+o4p2r6cncwWRFD5+Rs9mp6MHmwNbF3hWEXjq5u7LJZM6rbOta7oNGxN4baGw95Iggy/eKvFH9/s8duX+zy55bHrxaiKwvtXyjy1NSRKYaFQw9alGzXrit6kE3qs9RLao5hRnNLyI4Zhwt+9d5YrnZiGIzTVNMv40nrAjFPJqcLSuSibDv/8/Yd4+8I8d0wdIkxjHr2xySutXdIsZcYpk2YZu17MqSmXlarNH9/scaE5xDQ09jwZjzy55fO71zb52DsWWK5Y3NZwiNKMp3dCrncDLrV9cWENh3SDjO88UaRoqnz6ao+/eqbGK/sRdVtsxp+9ss9K3WHaNbjWibneDtjxJBOo7ujMV2yOzJdYLJmcXizzLcen+Gt31Hh22+PLN7tstkfsdHxMQ+Pu2SKLJYtKnvLs6Crn5gpcaoWEScal/RHfdbLGvTMllks6bT/lRNXC1hS+62Ql/xszeaU1xFDF1TZfNFBVhdmCwWJR42Ir4kYvYq3nU7F0jteEk/PuQ0XmC2KlP1opoivijGs4QsW1dYUPHyvzyIkp/tu7G/zEuQZ3TLt8eU0ytm50IwZRxrlZiUWIUnhyewNDVRjFEau9mOYoIUokSft41caLM5IMRv/895i9Y4rCew/D8jzYZTJvKFqHgSebWhiJniX/PPP8A0x8s02y0Z50ZuJb3YPNs9kWGq4fkNzYlxiAdQHtqacWhW0SHGglhIeSTpyDxkyB1IvQl8tig+4EUpD0Q+JBSNocSSCioRLviEA4bflk/ZBgtQu5iFZruOizLmrFInx+V8ZHJRPV1sTCHYqgN9kZTooUVHVSzCQ7HtG1jhRBqkJ4cV+KDkvSqyWZOpYOScOVcMU4xjheQ12siVXai0TzY2nScSo6k8ed7A0mqdBKQT8g5MZxzpGxxSI/XZk4ktA1KUTGnS/bOhjvmPpBgrSuSdGRZ0uha6J1GRcpcT5+em0nJte5ZJ1eDiDMX+/sNbC9+JujcXlz/eVZbw4HAUNTMHWNLA2lresaxH5MNIqYK5hcbg4p1KWzMlc02ewHbA9DwiTlh++s89R2yG1TJn90rYelKzTsElXLJUxikgxuDVocKtZp2EXWBvs8evMGd08LfC4kxtR0TFWnH4X4SYSqqNStAq+2t3llP8LUVObd/Pe7FVrBMA86DKnbY22J6Cw0RUL5vrEd8NgtsQprisJyxSJIsvz2YjZ64kap2Br3zdnMuAXKpsFRzeC3r7RIUglprNuCg7d0hRldwVAV3jo3zefXdmg4GndPa+x4Olc6MYMw4fM3h+x5EaemXGxNQVclX+mVVsT7DpW52tkhzhJe3PPZ6Ae8banEIEw4vzNgytGZcVXW+jEVU2UrzlAV2Bi22Ri2afsJN/ptztRnOVqewdZNwiTmRm+PoqlOzma2vS4nqw7P7QS8dcGhG6S8vCeW3YcOVdAUuNoe4eg2T2wMeOfiAh9cyXh8Y0RtyeV0HXY90RK91IzYHoQ4hmDwe0HC2xeLXGxHJFnGbXWb+xdK/PEru2z0Q+q2wem6QclU6QQJXT+WEV0c5OGXCe9fKXPnlMPHn9tlrevj5SLwhZpDxdbpBjHvXi6xO0rZ6AUMQrGEjyKxT//VOyQt29UtbN3D0hWe2RnxgcM19v0BT2yNePuCWJ37YcbWMOG9S0X6USji6z1hpjQcAfvN5qPEWdfFi1JqtjCHZCw3ZK0f40UpJVMEt5c7MXMFnT+6PuDbTxR536EinwwSXmyGnJ22OFE12BrGdANJ9y6ZCv0ww9BEtAtQNGDXS7jZC3B1hR+/6y5symjP3UQpOmKDzVKUyhQZ+/KPutsSfkurK92R3lA2zjCCRlU2w50ccOaLgDPdaKPWHBHkliSdWS2aZF4wyQai00cxDRGdxjHUK6hBjForylgFYbMkLXGmZf0wt1VLBpBz9wzh5Tbm6Smi1e4k2HDMUzEqFmrVItnzBOyWL8U1JMG5H8qoqCQjGG2cYYSwVrSGM+mUAGiz7iS5emzp1uoOqeaTJRmpn0hcfDeYBD2KBTuRQsWGdG8gydC2Lq4gQwM7F+0Ciq6hFF2ygSfPMaLlmViTEeHyRKeiawe6lZxwe6BJyd1Q4w6Kbb2e26KqUM7HSmOBbrkoP/eDnPmSFyevYcMoqhB/v2kAOuUA8fPnuY03159/vdlxAa7vDmj5YqUFiLyIB4/W0QzZ2HVLxzFUolyc+PZDFX7i3AzTBYN3Lx2hH8pY4IfO1rhvtoaryyjIi0MatsOsKyOJsuVSt4o8tDCHrmh0giG9cIQXBbi6yY4n0LZtr8PzzS0evTEiSuE7jlUpGja3T61g6yadYEjRsHhhLyLJ4JltT87Q8/u53h6x2hmx0Q9JUnEafcfxMuuDhA8cdljtyBvwmYbFA/MF1voJbT/lyS2Pdk64HRc8332qwomaPunUNEcJ216X+YLG1zc8HtuQTtOJqs7xmsVtUzbTrgRC7noxl9o7dAKP2+sGrmHSj3w+c3NI0dSoOzp3T5ssV2zmiiZbg4jL7YjdobBXNvoRX7vVRVNEJPzwskPZNPDjiJSMXjji3756jfN7IU9tjUiyjDhLeXyzR5ylVGydL60N2BzEhKmg6h9edhjFKffMFTlRM/ng0TJrfY8T1SIfWimw60U8sxNxrKLziy/sEyYpl1oey2WT+2ZNzkyJiPhYRaizf7Q6wNSErFyxNO6acdgYJNzsBjx6ZZ+Nfsj5nQFJJuyfB+YL3Dnl8AerfVojef2ONlyOzRQomhqmplCxdM7NiMPraM3CMVSutwPCRCzIUQrXujFxlnCyOsWZukXD0VAVZQIu7IURhqrQ9FPONqo8vePx2HqAoYIXS7fjy7dG1C2VuxpFTlQtjlfqHK+WmbJl01jt7eMnIVtDEdIeKecFjqOyWNS4f8GlOUppBSHvWLL5tqOlPIJA/h+8OKOYb/wLBYuaZTDrOHhRltup4VtXjvPeH/0Ks/+f34cwwjhal/A9INvfIOvuH5z1L0yLo+jI0dxdEskmOB4V2ZZsvGFE5ofox6Ylv0iVTKE472KodVs6JpFk56TtAWlHQv6SzR40O+IyGoxE02IaKCUb/XANxdZRp0X4qtZt4vU+0c0eWs0maY5EJzMORzRUSDJxKy5XJrbl1IsnSdQTwaumoGgK+lJJxj2pQOuMlQqKppB5sXRwvGiS3YSmoB8uk+SdFlQVRVMwjlTF/ZTD70CKjsyT4xTXImlLkZD5oeQnmZIflKWZdLEmadD512mGYpsSxJgnNiuuJW4jkKJy7AayzQNx7TifCA5CF8cfXVsKx9fi/8eQQXgNTVc5uD3Iu2M5Vdc0vmkhi6qivCGXN9eff73ZcQGSIGFvq0+xUSBJUkxD46Vdmec+fanJHUfrJFlGtxfg9QPCpMiLewEPzBd4ZneNaUdw736cMedWSTOxOsdpQsMpoSoKLX+InRrEWYKqmMy4ZbaHHep2UcB0qoarK7SDEaoimUL3z1n5BhDgJxFVy+WV1gaHS1Poqsa3rTRoBUPOTjs8u+3x187W+V+e38PNz8wGYcIoFHfJPTOzLJf6xKmkA4OIKK8NE1bKGmv9hIv7I/qREFDDJKNi6dwxVeJWf8gHDzcI02QSBdANUr77ZBEvzkhTOXl9cN7hVj/kI8eLlE2DMIlZKNQomw4rlZhrnS7Trsm9sxkvNWHGdfnyrREXmh4VS2emoLM/Smi4OotFjftmTWYKOscrs3xmbYPb6jadIMJUJS9ptbfHN7aGhEnKvfNFvrruEyU71G0RDp+orrPRUzk3a/G5G1KULpfKVKyAhq0SpfDo9R7/7d21CdTvQiviifUup2tTzBVNTE2laGi8f7lG3S7gRVvMFzT++TO7kwgCvx9wcqlM0TS40RNy8tXtAdEo4paqcHLKlSLwZJmFgsX5PY8n1nsslk3uX7DZ6AsRdzzCetuCQysI8eKM9y+7fG1zxN4wmrB6KqbCHVMFWv6Ael5kpFnG5bYkLt/ZqJBmKQ2nRMvfzr8voMQ/vN7n7LQUHKM45Y+v9/jCzT7ffqLCKG5haSrP7Ejg5t3TBo9vClunEyRULIOGI265XS/lLTM217sBq92Yhw9NszFsE6XS9VvrJ6z3Q9b6BktFDbUYstZPuK0m1vIb3Zi6rbJx2y9QrwkEbvT7r+J86ykpRjQT4tGB5iFNoSNjjMzrQJygFCwpZraboqHYbgqyvjck7QRotjnJxUm9aOK6yVRFXEtxLKGKtj4peNAUkr0Bqq0RvtzEOFUjfHFbigBVqLVqycT/2gba4TLhTht9vijQuYFoVbJINCyS1pyAJ6GL4+5NvN7Hvm9ehMCXfcklWu9LkZOI3kN1ddSZCllvSOZF4i6ydNHS+DmAzshkvBRJdyP1YhHwtkekg1CEuY5BdLkpY6ckk3GPOkB1pVuiFA2yMQVXVaQQUBUpBKslGa/lyc1ZLOTazAvk++M17qCMeTqef2B7JhUX2Dggc1yMQK538cGODtxHfpAnQY9HTsnB66/rByTefGV+MMkuenP9l7Pe7LgAhmug6tJRWazY/NXbGwwGIUmUoGoqG31p1y9PF9DyTgHA7VMGbT/lUisQB4klNuU4FY7JttfF1Cw2B23KpkMvHOWFjXQLGk4J17Dwk4hB5PO2+SUsTWVjIP+sFUvlcNnC1kwGkTBQpuwiLX9IcyRJ2rqics+Mye3TDqu9BDMXdoZJRtuPSOOUpaLGZ9e2+KWX9wjTmHNz0nVxdYXTNX3C2wgTCRpcKokwdLFk0gtHWLpCnKV5GnSFhi1JyUECJyr1iSNpqVjnrkYNTYFvbHs0RwlXuy0GkU/VcrlrepaGXeKr6z67w5iL+yPKlpYnDSe8uOux54X8lZPz3OglLBSKfM/xOT53a4Nnt0c8vzuiYds0nBIv7e/w3G7EW2YLbPRDntoY8OzWgAutiIcW5ni1vUlzlHC0ZvHo6oBRnKKpCrYm3aCKpbLjJaxUbV7Yi3hmp8+1TkzbT9AUhed3xX3VDWKO1x1e3u/xj5+5Ts0WLP0P3t5gFKf4/YDZRmEyprqwJ92k43NFjixVKJgadVvnI8dLaApc7oy43o2YLhg4uuhtxo6ioqnxkWMFLE2iE9a6Pp+6KjqmPS9irmiyWLK40Ut4fnfExXbEIPS51A44WrGoWCoPzC3xaqs3ybW60RPN0EOLdd5/2GGxJFlWJ2s6gzChaIrw95df3OfRGyP+0Tf2eHy9z4XmiBPVmVxrBO9asvETuNaJmS9oLJc0qpY4r1xD4Rs7Ta60Y07XDFRF4cF56QD2wxRDVbjRSwjijJt9nyDOWB8k/M3fWMV1YPmts1jnZnF+8F6UO87IhmXYB+4S05Dx0Fj30GxLV2UYHIwu1ndysWcZpV6WIqFcOEgiTjPpsCAjjmwY5BZlEapmgdyONuVClMi4BVAPSaxI6sUoBZ14rUe02kGxNZKWD1Eq+URePCkOhC2SkrZ8grUecTcg3BrI6KgboM8XCc7vSAclJ9sCr58jqCrRxR2SnSFpPxKx7iAkXu+TtHz02QLxWg+1IoTdLEpJdoYke1K06DMFMj8hG8l1tWkpcPWFIupUIS/cErL9PpknGUTxq1sHTp4xEG5s3Y5TFFOXsVGSTQTOSr0sHRaQ57o3PHidik7Ob+keWKDhwEGkKlKojC3Srw1THL9u46XLSIsxvXcsylZV4fx8E5aqHIyL/qyXN/lzb8x6s1QF7j1U4dndIYYlwLVX9/0J7rxRthnFCXuDkCzNuHOhRNXS+NCROr/w0jZ3z9h8z8kiUQor5WmKhoUXh9gYHK3M4EVihS6ZZdI8UdnVTQqGwzAaEacJM26NQThk2+tyx9QhXH130lKM05Tl0hS23mMQ+SyXpojTlMudLZaKwjRZH7Rw9ZAohVNTrpyV2zqtUUTRNfi1V1osliySLGOtH9P2UxZLFr97Vaymd8+4tEcxyxWJBrhr2sZQoR9lfH5NLLQNN+SeGZNWsE2UZnhxxqmauKKEqusyiHy2hj3++bP73D0rb5QfOTrL5rDN59Y8nljvslJ1eHarj6YqnJ0u0LBVrm/3mW+43Ly5z8N3z2NrBn/ttkX8OOQ/XN1mf5SwUrXw4gwvDgiTmGd2IiwNLu4Lm6YbxEy7Bn/9tmU6oUfNcoHupKCoWBrbgxBT07lr2uCJrRBbVzA0DUMVVouly0jKmS9xad9DUxX2hhEPLVe40pExYZRC04sAg3NzJZgrcaRi8PKez9X2iEGYsDMMif2YB4/WGYQJ7zrkcqJa5N9eaLLakZyeuYJENBQNjSSFjWHA8brDK/sRT295XNr3SLOMgqlxplHA1BQOlU02+yHPbA24a7ZA0VDoRyEzrkrDLvHvL+8wX+gzX9BYH/i4Rp/TdYMj5Wl2vR51y+YdEovFH12Xwve2hpuLkmG1I+PB1ihmrRvw6I1NTtcN5gsq1zoxXpwxiDKafkrFVJh2Rzyx4WFqCu865IruxlC41pUAxYqlcs+MwdYwJclguayzNUxYLJp8z4kSl378cY7cW6f44CLaO86BboLpCiEXxDabZgcJ0EuzcGNDnCjNNqkXoY01EK5N+uwV1PEZOsh16mXSmzvohyqEF/YEud/1Ic8F0mZLk+In7Y9QZ2skrb18s3fINpoYK1XSri9Fw46HoiqEbZ9s18MsW2iWgTYr4l2ilDSR8QtRilE0UVx5m037ApSLb/ZQbF1gcaqMiMhdM691G0EeumioeTiidHG0ui2Oo4aDYmkYR2sku0PM01PSUTGkw6TYYu/OvLzIA+LNAVrFQinlWhFDFQi9rov+puiS5ZofQJ5710HxRvI8p6kUL2l2QL4tF+S5HhckcSwdljE4bjA60CLpmoQv6tGBMHdMy40Tec1VRT4fFzLjlWcjKcUSWegfFC7pN0ecq74Bhcebhcsbs97suABXWiPuWCjzvbc1uHuuyJMbPeZKFgXXoO1HLJZE3T9VtBiECYYKr+x3+dBKgbfPN5h2ilQtgzSTMD5XN/GiQCigSUzFKhIkoh0pGlYO4/LpBB6GahCnIVe7O5iqjHDG45WqVZiQdhcKNU5W52mO+qiKQsMp4ScRTX/AXKHK+5anmHVV7py2WSwZqAqsVB3uni0SJhlHqjamqnKxFbHrxTy4WMBUJV15byTU3bctWJybqbI9DDlR0/MNWkYMrq7Q8lNafsqjq0PRRoZSePlJxsX2kF+/uMsnLvb5G3fW+Z4TU9w7K2/Az+yM+P3LTbaaHk9cb+EYKpoC3SDm65tDkihhfUs20rVeQNMf0PIH/OSXrlIxhbA6iDJWyhr9KOUPVndE1BplvO9wkcWSiakpLJYsbN3k6Z02tiYi2X6YSkBhL+CDRwUAOO2UOFM3aNgqhgq3+hGuofDFtRFeLN2N47mI8n98xyLffXyKGUflB89U+OLaCEdXedu8pDW3/Iiv3JL7Pu0axFHCobKNUzA5vzOg7ohw+VZ/yIXmkEGYMOPqHKua3N5wmS6YFE2NQZSwPQj5rVf3ubA7QMtHTIsli3NzostpejGX9kdsD0NmXA0vljPY2+szxJlsEq/sd/jMzRF3TE3xCy9tM+M4rPX3idMk//tTiZKMO6ZlfHV5f0QvEOZQayQC614Q4xgq3TATAbCmYGiK8IFclWMVjavtgLpV5K+eKXPntM3tU9UJpXe+oPFSU6IWntoOWS7pPLY2YK0Xs+MlPHpjyDt/7gVME6oPLqC99y7JI7LLEHpkQQB+70CY6dowNyUb1emVCZFVsTUZDw08EeZqopdIdoeoU2KpxvMnHQLjeA11toy2XEer2RJx0PVIe76kQ7d8sk4ffV4KJ8U1iNa6KAWLdAybcw3UaQfn7DTFB+ZldFS3SVp5sCOgaCpR7vpRbA3jcJlsEJEFCfGmdF6MY1UR+ZZM0k5AvH7we7NEukOqa0gXJ81I8/wjfbYgjJg50cJE1zqSQRTI2Es/No1ia+jzRbn+VFnQ/jBxTUXXOuKWUhUpnArWgQ6lN0DJtSeZF5C2RwdC2vEx427KwDsAzdnmwffHwtpxJ2ZciFRL+RhJErxfx+EZi3LHv2esjxmvcTK1qkrRApPuTBZF/xvv8G+u/7OtNwuX16ytQcQ3NnoUTA3HUJl2TY7VHPa8iIpjsFK1uWu2yPZQ8mtcXWGuUGHOraArGl4cUjRsdkc9WsFQEpSDIVEa4cchYY6mLpo2a/19tr0OX7x1hc/cvM4dU0tUrUJe8KRUrQKqIqONilWhbIp2pmw6uIbFnFsFBOz2hVtbrPa6rA8Smn7KExt9KqbCB1aKlC0JYHx6U7ocKxWd++csbA1OTdkcrpgcrxp878kSU7bJ0zsdkgye2404XbdY7fg4usrVthRi8wWVuqOz1k/Y8WQUtNZPKBoqtq7ysQdP8OD8IeI04XRtgT9c3WK5pHNbo8DRuRJOweR4zWHoRaz1AjRFYWamyOGFMoVpEag+v9flY19fZ9o1udgKqFhjgqvKx59ustaT0MHWKOJt8zNMF4TBcmnf49++eo3P3xjQ9Pv84XUpFMYd+Ptmq3hxwKutLhVL4c5p6TR85FiJl5oRl/ZHnKnrzBVNvv9kg9WOz52No8y5FQZRxq6XstYLWOsFPLUd5vch5qGlEkeqUtQu1Ry6QcxiyeTu2SKOrtKwVV7aF/3KYtnkzJRO00/56q0eT6x3efJGm24v4PLOgKEXoWkqpiYZQBVLp2IqfN/pKidqklQOIpLeHwlJuWq5qCisdkZc68asVAyqlsty2WRj4PHMzoiiaVM0LJqjhGvdmBlX/i6mXYOqrbE5FOv4KE6YLZhyvx2Vp3cG7Hgpj60NaOUC7bunq3SDhH9/eYd+lDLjagxCn6pVoGjolE2D7zvZ4PxeyHxB41o34u5ZGSvZmsLfO3eKW19ao9BwMO5ZRik15AVKY4hDFNsR0JgfHIwE0iwXgGay+akq6rFF2SSLLoQRaqMkm60XkWyL5TbdaIt2JEjIhvkZeqMqm2iaoc7WUI/OCZF2pS4amCAm2RKMPiBMFFeXYqBuT/KGotXuxNVDlGIcr4ot2YswGw6KK0LdaLUrHZyaTdz2MU7WyQIZT43t1uPbUwq62Jq7AWk3kPsTJWBo+X0Ru3O6PxQnkKbk3JZQhLobbQmJ3B2ilOy8eNLBUFGLJsbxKbRZNxfkGpPHl/ZHKAUR7SZb3YkYVwqnVNKxByPSjTZZVwrFLE7Jmh0pYMbamHHnxfOF26JrUgjlSd40qrlN2pDrjTsxY+Ht+LpwUPCMv87heJPxYJxIMOY3SfD65x0TvRGupDeXrDcLFyBK5J/mi5eb3NoZULF09ryIUSzJvf/NnVN85ESNozWL2+s6f+XUFCtll1f2I7aHXdIsYyZ3Dl3t7EwCEb04xFR1rnd3J5oULw55fPM6LzQH2JrBiWoVgBu9JoNIaLm2bjKIfGzNyOmmMXEaMogCdFUjzVJ0VZ1oZR5fH7LrpdzshrRHMaamslLWmXE17po2qNv6ZGRSNBTafjoZRT0wZ1I0FGzN5GubHp+63OFCS2BwJVM2z29s9hjFKTteyu9fkywdPxd6fmFtxEpZAGj3zZr5/ctYLk1haSa5YYLWKMLM/2sv7Uu7fa5gstoRjkjLF9Df5X2P33q1zfuOlHnbYoGrrREv7XkUDJVPXOwRpsJ9OV5zWCqbbA7bIqadEg7JY2t9KpbGH1wfspRrVEDAT6+2utiaiWso/OorXbaHIbamsD0MeXbbY7li8akrPU5UdX7llV3ev1Kj5Xf4jUurfPVWj4atslK1CZMUPxa31lzB5NltjySDSi6KXq5Y3DNX5MfunudHzy7x4p5PxZR/tYql88nLfX7nuU1ubPXZ3B2SxinFosk7j9U50ihwdqbAStVmrSuW9QutmPtnG6SZXP8jJ+oTuUDNVjFU2YC+9WiJYxWde2cEmKcp8Eor4nTd4OmdNs/stojSjG85MkPJUHB0lZojgujVjowEP3CsznLFxtE1/FhSnbeGCZoqr+Fnb/Tw44j//twc3318imd2Ip7c8lnt+ZRNh+XSFGXT4cVml4ajcVejRNtPsTWF5VLeJXr4l/AGKbXjVZRjKwITy1LRtag6FOoolak/rXEpFybdlSyMD4BnXu5saVRRqkW0aQdtQXgrmCrRtQ7xel8uV3ZJnrtO1uySRQnJ1R3S69t5sJ8urqG6I2OYpRnSTiBp0GlGtCqU6MyXMMLMkwIn2ZIwx7QfCX5fVVDrNv7GGNgWg6GSdgNiL8Z7cpN4c5hD61IwVfm8H5L5CfpCAeN4jTTnxGg1h+hqm7TlE28NyJKM8JUmiiXFjEQD6MTXu5M4AlSVtDUk3e6gOIZ0g/KRlH5Ybjvzwwl0M+uHUrzYomHJ/HCiA5qkZ7uWFDK5VkcpF1DqZdKmvLfRG5K2BwfU47FjyLUPXqcxmM7O07798KDbMi5w/qTGRdcOXuOxvmV8HVWHb1LHRVWVN+Ty5vrzrzc1Lvl6ZbvP4pTL2laf9faIow1p0xdNja1hSsNReexKlygtAgOKpoqtK3hxQJwlFA2bMImxddlE/CSiYdjYujER4g6igG2vQ9nUmXPdiZvIUBV+4+Ie37LicrQyg6oolE0HLwoomjaDcIitGxQNa1K8xGnCYxvbrJR1zk6LxfSOhk2SZZiawpPbAbdPmSyXdN51yGWtb/GuxRKtQM5e0kzExVEKb5lucLXbwtYUzs2XUBX4r26rMuMaLJd0Gq4IeM/viu36fcs2//PzLaZdk7mCzpGywcV2BKRc7e4IdE6T5+GOhs0Xbnls9wMUVeHv3D/HIEz5l09uCmI+ExeTP4pYyHOgbmz1adxeZxCm3D1XZNbVuNWPeeRIkYeWCjy7LW9iX13rEaWymT+/Ld2VszMi1t3oh/zNu+t84UaH5bJYtC+0Yp7daXNHw6Ri6VxoRVRMlcudmJNTDk+ui+bnSifmQnPIT5xr8G8vrvHH19r89bMNvrLhT6zkSZZxuGKxWBTS8NmGgZ8HDx4u6XTDDD+O+IWXttkehhyvybjxifXehFJrlyw0VeF4zWGlatMN4tzJpLA9CJl2Dd59yGZrmNL0+xypaJyZdgmSjFu9kENlEy/O2Bq2+MKt/Ume0e7I40JrQDfMeGl3wO31Gg1HZWuYcv/sFE2/z6GSyYyr4sUZh0tTfH6tNcnXumemwJW23N8olewpR9dYqVpMF0z+8dNb/Oy7b+Nztzb4tpUKaZbxH660idJt3r20wOV2l6+ue7xlxuaFZp97Zky6Qcpze7LBZGkm5hHXkKJF0+VjEksBkxcyyqEFCVZsdUXXUi2JCBcpHpQxQ8TziW+20W+blz/sRDZj9dQi2eYexm11oqudCdAti1LRetRt1Iot5NexrTpKJsRaPF/cP3FKsiejpHC9j3P3DFmQoB+rEq92Me+emaD4kx3JJcr6EWruItLmC6JRKZm4FUsKKk0hbnroswWyYUyWF/WZL+C2bCjPlZJ3WtSqJfbpPCtJP1wmHUVoDWeSPTQuWLKhFOuKaxBda2PY4+TniMyLUOuO2LfbPtpiDcVNSfwuqpOLckuOjM76Ifp8UVgydUfSoKsl2OuKRiZ3EimuMQHKqYXcGTR2CeXupAnHZSz87Q0OXEhwIMr1/NcIcVVIo4MoADjQteTJ0Zk3/LO83f+Z1pscl788682OC7BUlnm3Y6hopkbJFapsxdIJk4x+mHJ+1+d7T1fx45StoRBzm6OUC60Bn725jxfJHHjOrWBrxgRCV7NK6KpKJ/Dw4xBd0RjFMZ++3uHXXt3nD1Z3eG43ZBSnRGnG9rDLxfYmcZrw4v42zVGfQeRzvbtLy5d/Ui8O2B31KBkK/SjlSFlncxhj6QqzrkbV1vjAYQcvznhuV0Yttqaw2vN4YS/CizMOlaRo0BSwdYOqZfCeQ3UeWjBF+6HBKI5Z7cX4cUbRVPmRszXee8hGUxQeWCjx1gWHDx0Ra3bDVrmtXqFo2DRHfcI0ZhT7PHpjyHNbA87OFfG7Pv/25X1e3PN514kpnt7ssVy2mC4I8G/PEzIxwK+/0uLTVzokaUaQj7otTWy2jqHR8kWHYefvBKM4nVzesVSg5UdcbElnZhxFv9ELGMUpz+0EvGvJ4YWdIS83fW6vGxgq3L9YZrFkcbqm8/CRKl++5fPM1oD/59tmuatR5K5pk9ZINnFTUzlR1dn1Eu6aNtjxEm6fMtkbRryyHzBfUPnE5TZJmpGk8MWbPda6AUkiTBS7ZHG87rBYMqlYGqsdAfKN39iKpsb3ny7h6gpX2yEvN32mbJMfOrPA+w4VuaNh4+oKt9UahGnMiZrO6ZqexwKIJml7EIpdO8mYd11Wyhpl05n8fQYJ1CyDulXgbMPIxbRFvr4pduitYcKul04Age9aLE26Tq+2tzlRFQK0n4T8N7cvMF/Q+MKtTa51Yxxd5ZntES83Q/5o1eN3rwq3pmGrLNw/LyfkdRsqc3LWnI+JSGPwOmT+QHQvpovSmJKLXRT7s2mgLk0dnJHXKzIOCWOSG035nqrKaAnpJuhLJYzlMvrhGvpiCX2hKF2KrQHpMCC+sksWRsS5+DbtBoTPrklYoykJyGrdRncN4rWewO26gXQokBFOmgPfEi8iixKs+SLm7Y1JHlE2jNCmHeHA+DHGfFHCEL1oMpZSDI2k6eUiWxXF1qTQgYkdWluooM0XRZOTO5KyKJl0UtS6PQlz1GcKxDd74piadUn9BEVXhTmjKmK37spjzmJxFGVhhOIaqK4BroO+MiW8GVUha/VE0KtrZHECzY5Yo23roGMy7qqM6blj2m2aSYdlkk+UHRQynv+amID8nyBND3gyrnNw7HisFMe5Fuabk1X05vrLs97suABtPyJLMzb6Iaqu0vci5hbLrPV8PnqmwmovoWIaGKrCtCPuk5eaEbauULEUZl2DTuixVKyzPmhRt4uYmk6aZdzs73KlM8A1hgxCORP87Usdun7CmWmXx9b61B2BmV1sxSyXRmwNE1R2OVmdomjYDCJfSLnBkFfbI87NVNnx+pyp13hury1i3yiV3BpbZ7mkM+dWaTgJvXDE5iBgsSg5Muv9EDApGSHNUcq7l6Z5obnNsXIV17DY8TrsjlIMTcGLUlxD5VhVOi6ubnG6NkWYxFStAWESs9bvUbdMdr2Euj1gfZBga1C3C9zoNXlpV4qtjV5Iqe7ywaNVzu96LJdtZgsmj19rSWtdV/H7wcSCvjMMSeOUbhDz4RN17p21eKEZcaau84mLA1qjmPetVGk4Kv/1HVWutGO2hzFlS6NoqrxrWX622pXX5/a6zrWusGpOTzmsD8QKfKE55FtWClRMlSvtkHvnpODrBAkfPOJwrWPwqSsD7puX6ukjJ2p8Y2tI14+50lEmjptPXmpzvO7w8OECqiKbfpiIMPie+SKv5uJKTVM5XndojeSM2tRUusFB/pBjaLRGEcdqNjXLYXc04gNHRIvz8r7PSjnC0lTmCyquIQXxWt/DNRRmXB1bM+kGHi/tR5yqWxytWjyx6XOjl9AJElr+OgDHKqKT+cLaiAfnQwxVoRWkzM+a1G1Nzi5VheudgLqjs1y2iLOEDx2Z5WZ/n599Zp8fv2eK4xVXBOmGyaFiDVVps1TUOFbR6YYpyyWNX7vQY65ocrU14rtPFOne7BGGTDojBGPGhwdWUYqXMCJrrR9k2PQGUC6i2JboX44viy26XgHPR5uvQBwL5n58ndylkyUZWV+6C+OkaFSx8hpm/haYZCQ7QxRVkZFQmslox21KYnPdRi2apLlgNnylKUWKHxOe30Wbccn8mOhaB82QzTdqeuIoyscxSXOENluQgMbAQztclkLC1lEMdcJzEVicQOrSfiiE3IpFvCagu0w7GI0oqpI7pBySvQGKoUohVBRKsKIpOfQuQgWh+o4OCiUB4MmoKe0EKMMIdbZMNhiJwDkfx6kLBywWxTTIhgFKyZYuzJiwaxoHDqOcQCxFinGQHj0ubCZ8luyg2/XaZOjX7kzjsMaxuNe2DooXOLjeX/B601X0l2e9WbgA+15EEqUEesx33j7DCzuS7fPO5QonqjM4eosjpQafvr6OqysYKpRMcaQEccZiocC+79Ec9bnUHmBpQ45WSmwOB3JMktFwVE5U6nziyg6PHClzsx/z2M0O7zpcxdbViQZgfZBwsRXgGsJO0ZU+M26Ftb5sfBVTZXMoM+Ub/S5BknGpFaKpCi/v+ZyslVgqOq/jxmwPd2k4UrhoisLzO0N2PYuuH7NcbjMIM373+p6E9SUZXT/mdE2nlLepkwzO74WcnToAtS0V67lTZZ8wjalYcvZ7sRVRMlXO1GO2hiMcQ+Vqa8RyxeLuuSJvnXfx4ozFokY3EGFjy485notaN/sB33aywacv7JLmWpp3LxX42Nc2Wak6HKto1G1hoLT9hFu9kLcvOpyuGzQclR0vZa0fs9rxAXGfvLw75NuPHuKVVgtTE9HpS3sB3SDGVFWe3gn5yNEK52ZShnHIr77SZa5g8vWtkNM1nbctuvziC02WKxZFQ0Ik75qxKBkKx6tlrnZ6fOvxKo+t9ZkvlHhuV1r3FUvn2a0+9y+W86JE5e7Z4gTwNwpiNEWZYP4rlrBV5oomH16pEyYxS0UBGG4Ne6RphpXHy7576Qg3ens0/RFBknfOtIylYh1T07nRa7M3StjoB9zecDFUWCjoNByVz9wY8fjGSEI2Syb/4XKPt8wW6AQJbX+fQZSx1vX51qNFztR1DFVhteNzvRtwvbvHPdM1zs2HzLlFBpGPqii8vL8jAEU/pRVk3DnlkGY+j2+GPHKkyNYwgbrD714d8m2n6gx3htI3DwZSsBg2WRyiqLqE5o1BZK4NrcFE55LpGmnXk1bxWOBpGpJtBCiXb+T22lSEu20frV4genWf+NqewOamTeL1DsqWbPSKa6BWXRHdVi2SzSHGbdMM/+gKyY6HWrGIVyVmYLzhoymvSYoWQa5ataRoqNmkbR+9aOJf62Afq8p9c3Wi1Y7YjpOMtB+JhRqB0k26HPmx6UBGVsJyMeTz5khyjKadA6CcJcWRVrPB0ITp0hzJ9xbLonfJIXaAjJvUVHQrhkbaCQRWV9CF/dL1UEq2PM9ObkfOrcrpWgvFjlEbJRkTdfoiAHZtkq0u2vh1sWXUJh2T+GDHjjlIkIZcgJvTeFXjYEQ0HgelGfi5OHcs4s0dRkqhIAnRr8la+otcb46K/vKsNwsXwNBUFEtHURV6QcJyWQSY33KkiqubXO8GQJOlosaT2wFJmnG8ZrIxSFgoWpRNh9++0uK2esLLzZApR+fpnSaaonCypuNFGRf2Y3a9fZ5c7/Gz7znBJ6/tUDQ11roCOnvbYQc/yTjbMLF1hSNlCWtsjvpc6+7lIDGVoxWLjUHItW7MQws2FTPltimTs1NF4jThaEWAWcJ2sRhEPjOuwcYgpB2kzBdzsW2Uoqmw2o1pBykVU+V0zeA3L/b4yPFinjMkkLEdr5cnDYtjaqlYR1UU4jTBNUy6QwkjLBo2FStEU+BaryPmAU3h205O8W0rAt777FqXmqWy60k3Zbli8+7DFtc7kuUz7Rq8f9klTBo8fqvLmUaBPS+k6UUMwoRTdYuNfkCSSeryXNHkyc0RFVvneNXgQnPEpX0PR9fo5mnZK1WbL6+3adgqvUDj8fUhl/aF1qupsNEPsHWD9UGfhm0zitpcbY9IUnh6M+O9h8u850iVXj6z2ugHhFtCDnZ1E0NVOFbR2ag7NEcJ98yY/OorXS40PUbDkG8A/+DtS/zc+R1ao7GzTOPuuSIv7Q4YRSlhImOuMEl5/+EpvDjgj1YH3D1tMOPqPHpjxFtmLKI05YW9iIbdJU6TSVzDYlHjVK1K2SryansTQ4W9YcQP3Fbhhb2I87seK1WHa92Ety/Y/NqFDosli/mChqa4HClrnKhW+MKtLoNQ7PHf2A64bcrE1qQIO1qxMFWd372+x3JJ49ndLudmKtzsCSTvSKmGqwfUbBHrzrgqD8yZXNiPKJoqaz2h//Zu9XDqDtbZaRkP2WXRtvgBaDrZ3n7OBzHg+rqcuY/HQp6PWnFlUwwjGIyki9KoyIaYO4xYnofeAG2+QrrTk5FNmk1ga1rdlrTlujnJLIrWRHyrVSwoutjn5kSoGiVkTY+4G2AAGCpazSbc6GOfnZZwRSRUcYz1D7oBVsWSsVM/JOkG6LMFRtc6OHmHRbE1sp3hJFmaJENtODlmPybrR2jL5YlzSHH1SeGkLQhgLtkcSBECUgSlGVmS5Z2WlHQYTLoTmZ/I74xSGTEFKUo9vy+mLoVZIdeTxImkPwe5c0dVRcNSl5OBzPNRxoC/vAjRDjdyqFwIugGhfyCsTa0JnZc0zXUv6UH3RdcOrNHj7kyaHhxfzF/zseBXVXPbfPB6UN2b67+I9eYrDoQ5UXO2IO3se+ds3ne4gKnpXGhtUDQklXl9kHCyZvCBIw6XWiEPH7KpW0We3N5jpWLw3E7AoZLBcknjcEknTIR74idiI14p23zLsSpxJlbW+xfK1B2daVdHVeBiS5Jz/TgjSIS+u1Ssc7ktGoaKKeGLb59fkNFGJ+Kl/ZilosZSsc6R8jTbXpdBFDCIfD5xZYeWP+ALtzwutGKutX06QcJKVcSg33+6yl3TNkfKEm44iFLeu+xytFxnzpWi7WKrgxdnuIY6YciESTzJYorTNA95TGkHI+6ZEcGvF2X88kttTtYdGrbKxnDI45s9SobK7ijldE3nQyslDlcOBLoXmkPqjsFCoYapqZiqyjuWXI5VK3zPbQ1Wqg5PbAgFd9o1J+OWdx1ymXU1FosCmQNoeSGtUYSmwqGKxbGqzvog5lBJuhtFUwqbMMm4d87FVHV+/UKXl/aHnJpyOTXlUrFlbLPaDbm8P2IUJdw/Z3G85jCIErFQd/a5fapBksEdDZM/vD5gxilzoelxasqhUhYBbtl0mHZNtgchdUfn5JTDD99+iP/h/gU+dLSMY6i841CZuaLJ713rc6sfECYpj62P+O3LfR5elgykjUFC0VTZHfW42ffZGsoIKM0ybN1AU3Rury9yftfj4cMFXF3+xT9yrMRa12elrGFoCvfOS+cnSjLee6iAoSpUrQIrZY07GiZ//75DfM+JGkGc8fxuwOGKSSeI0FUtp+OK5ihOxYLvGgoXWm10VWWtn7BStvnKRshT2yE1W2IKao7OtGtQXMg5H42aQOe0PFCxVAHTlU7JWNuQQ8/oiVslubhJ2hoehO7Vy6StkWxqrR4MPPn55l6+gWqS/lx0UeamUGcqYFuoVRfj9KxQbiNxqKR7I7SGS9INSC5uCm1WUyaFiZ4XGGNei7lYQl8sC4G3YOR6lhjVNXCOVTFO1rBWKqhVC9XW8W90cU/UABEIpx0R6SoFA8U1JjlHimtIdyTftNNOgLZQkO6Oa4ggtxNIHtFCkSxKJrZstWii5NZn1RVrdZJrZNJBKAGTfpxftyLPoaYQb/RQXFvyn0A+VksoFXn+szCSnKg85FBxbbE7j51Ctimv0XikM07lNg2Ya8hHUz9IgQbRrQw8eZzjomXsKhpbnv3wYDQ0CW3MDjQ040Tqb8L6PzKr6F/+y3/JysoKtm1z7tw5vvrVr/6vHvvlL38ZRVH+1OXixYuvO+53fud3OHPmDJZlcebMGT71qU/9me7b/xHrzcIFmRMvVx0cQ+XMtMuVToxrKPzh6j47XkLdFjx8O0jZGiZiXEgzqpYUNxVLoRuknJ22mC+o3D5VIcng/jmL++dclkv6xCl0btZBV0RDULdVlssmb19w2RqmlAyFKJ+Hn6rNYmo6n76+TjfHps+6Fr99dY8X97dZLmtcaoXULIVDxdrEhtwLR6z29vDilFvdgF96uUOaiQV5rmjy3kM233mixL1zNlvDhC+vewSJBPfteAlzBbEYx1mCrRkUTZVZx6Fs6mLPRmF31KM56lM0LExVY7Eo1uv1QcKVdsyVlo+tCYH1WtunYqmkKfzOpRb9KOVEVefpnZCL7ZinNgZ0/ITbpx3ONAp85/ESf3xji7Wuz8MrFXa9hCPlOU7XDF7Z7nOtPeJ4zeGtCwWevtZiexDy7E5AmkHbT/n2E1UA3nWkxkrVoRsk/O6re1zYjzlc0mk4Gh88WpHCSFMnnJf/5cUN3rEkJN89L2JvGLHWlWDDjX7A3bMuP373It/YDrjaHvGtR0s0HI1p22K1t4+tK9iawtlphzhL5SQ5hWGYkKQZF1otHF3l7EyB26csvvf4NN/Y3uKzaz1O1w1yRz6PHCmxUnV47JbHlCOguoql0xwlXGmJrdpQ4XhllrsaU3xguchSUTRIAHsjSVJ2dI1+lFE2XTpBwnsPrTBXNJl1Szy1LfTd+xdcTtdFi3WtG/Ol9W0sXeGuRokwiemGPvfPlTk3a3GzG3K5HbHtDXhuV7pqUZrRDUfMuNJB8xN4ZrfPUlHjatcnSTNudQMutyMutmP8OMXUFLy9EVO31aUoAYHODVpkwz7Z/q7QUStllKmG5Ny0unKsH+RwtpRsbVu0FH4oo5IwIrrUJItT1COzACQ3m6R7XTluPJ4w9dfZbhVLmCzx6j7abIGk6aFYOvH6gGRvQHS1jVq10BquBCBOu0KkDUSb4j+xLpoUPxZtjKG+jnyLpkCYoroGpXceAqQzozUcsjQj2PUm30s2JZeIKJFxjqagWLpwV3KnUOaJ5TqLUpKWT9L0JgnQ46VWLZLmiNSX28mGMUSpjLQGIdpsQZ5DPzzQuGiC31cs7UA/0umT7ojTLgtiku0+aWt4wMMBKSpsk2ynI9RdL5CMonF3xA8POmGmIcWqax8UL2NYXZzb28f26Dg56K7E8UFcwLgoGv/uMJJR1DdhqbwByP8/w+/9xCc+wU/+5E/y0z/90zz//PO84x3v4EMf+hBra2v/yetdunSJra2tyeXEiROTnz3xxBN8//d/Px/96Ed54YUX+OhHP8r3fd/38dRTT/0Z7uE3f71ZuABnZ4p86/EK065JyVQ5UhZbaMVUaI5SXtmPcqy9zs1uyOdujjjTsPjjGy2e292hZKh84HCdfpgy4+rirPFTVnsJl9o+x6tlZlyxRc84Za732rxlxsLVFR6Ys5hxyhyv2LxzcYqL7RhbV7jSEdtnN0xZKQvwreGU8q5xxm21Bm+dt5l1NXrhiOaoz7bX4eeeb/JPvtHkD68PcQxVkPULJkVDo2CoXG7HrPUTmqOEQZRxuTVix0vY9RJ+93KX37vWR1c1wiRmEAU0bIeq5eLqJqqiEmcpN/s9NodtWv6QG/0uG4OYQZgy62pULJV3L0vi9HuOVDk95XClE/MPvrZF3TZIM3hxL5h0WRxDiK39MOU9hyzSLOXrG0MWSxZBAnujBBWxnpdcg5ptsNrx+aNrHd53ZoYPHytwbtbiRE3nty91cA2FU1Mu53dESLhStZkumnzhRoevbw5pOCpX25KabWoKyxWLr64PWe34PLMtuUyawoQVM7Yud4OUX7mwzfsPO/z9+xYkeyfJmCtU2fFS7piaxdUVVAV+5+o+c0XpCB2p2jiGSpBkhEnKQ4s2d0+7FE2be2fnuNUL+d2rQ953pMw9M4LXP1bR+L5TpbxLJ7qUMQfm82seJ6pW3lnz2fMDgiSjZqu8tL/DJ6+u83uraxytWtzdKPDsbpelos5af58wydAV6X58z6kKdUsyhK50Ao5VZGpcMTX2fY8wifGijFv9IQ8fOgLAq/sBVdPkWFWnH2as9cV11BxJZ/FaN2a1G/HKfsRX1z1sXWGxbHHfrMWNnBPzqw9+gO6NLtbtjYNxgJWTaosVlHGBMhyS7e2JALdRkw2qKoWDdvvyxAqd3thBKZlEaz0UVyfZ86TQAZLNAWrBkhDBsT6iNxTrLpB1+tItKTroi2X0pRKKqmKcnEYpGaQtH+vOmYkOBRC9y9ZAaLk7Q5J+OBk9Zf1QqLlXO6Qtn9GLeyh5MGPmxxL0mBcZWW7bto9UpGgJ4klKdLw5nFico7WeiIS3BmRRSvjqvliu858D4lgKYtHYRKkUPYaKsVwW8FzdRl8R51W02pUIgCAmbY0k3BGxTqeDkHFC9LjIUacKoKqTcVHSHKHW8sJsPKbxfCl4dE0So/MMqWwckOn5rwlJzPkr4y7J+KOu54A55aCoGYcsjqm5r/laGY+oxnqa/xOvf/bP/hk//MM/zI/8yI9w22238fGPf5xDhw7x8z//8//J683MzDA3Nze5aJo2+dnHP/5x3v/+9/NTP/VTnD59mp/6qZ/i4Ycf5uMf//hf8KN5Y9abhUu+gjijaGqslHW6QcrzuwF+kjHrymhjviBnsHc0bI5WDCqmgqXB5U5MP0rZHPa5fcpgYxDzh6tb3F7XWSlrDEJJ7X1+1+fF/REtfzjJcWk4kjGjKip/sNrnhWab0zWdlp+SZvCLL99CU6R4enZ7RCfwOFLWWSwUGEQB71w8zG31MnW7wNe2mvzmpX0cXVwrD8w7fO/JEqam8v/++g4n6rbEAFR0zkwZPLfjcayic3ZaMma8OGOxZLLWC/jCLQ9Xt6haLjNuGVPTud4dsDFs48cRK+UK3SDleq+NF8koDKSgWinbLBUFNDbeyFc7I2q2wXefktb0IEw4vz1grqAzilLWej57w4g0g8c3fYqmxj0zJt/Y6HFp3+MbO5e4c2pO4G9pKnj8fsD2MGSjn/DsTsAvvtDmgYUSi0WN7z1VngD3NEUhzAMk67ZB2TR477JDmEiK8b3zRTQVTk05nJqSwMX3LrvseRHdIOaRo1UqloQS3j9nUTR0vDjkXYsFntjwuNHb43jFZnPQZsqRmIH3L7sTK32Swv/jrUvUbJUPHHE4Winym5c6XGjtcKG1y1rXR1MVvvv4MkkGQQIv7IVcbEV0g2xCKJ52Td69XOA9h1w2BiEbA49Hb3bxooxntz0e3wy52IppBxmPrQ3YGkR84nJbilQ/5TM323zpRhsvDnn3UoVjlQL9KGNrmHBbzaFiiegc4OmdkFfbkhSeZHCjt8cP3V7nQnPIjhcw62rMuuqk2KlbKiVDoWGr1G0p+sMkpWgorHV9nt4JcHSVB+YdLr/3H2DXbDnDH59Fh2N7bEw2ttDCZDw0KTi291H0/OuxLbpso8xNySadZujzRbI4IesN0aYd4o0eaWtEut0hubxNNopI2wOStZZ0IfLOS7Ldl27JQgEWpjFWqhhn51EscfRkUULaCaTjYWnEN3uoFQvzeI3Mi0j2RnlgYkL71X25LyVTrtcNUEom3nM7RGvSwdAajoyDcjuzkVN5s6GEOWZBLMVQDqEDcQCpJRNttoA2W0AtmSiWLjC5JCPZE8bQ+HbTUYTqGnIbTQ+tZmMsl+UxGKo4sBBtjIyndBkRpZk879qBnkSpuPnvdgX+Z+bH6tKhSUeiNyLNJEIgjmX01B5I8en5MPDINvdyvYwuY6KcgjwZ+8Drx0Jjkfbk72CcED46YMV8kzQuY1fRn/cC0Ov1XncJguA/+jvDMOTZZ5/lkUceed33H3nkEb7+9a//J+/vW97yFubn53n44Yf50pe+9LqfPfHEE3/qNj/wgQ/8b97mX5b1ZuECvG3R5VY/4kTVYH0gnYhBmPDqfoCqSIHytU2Zcx+piEag4chTt1TUmHUcXF0Io09tyXGi91NyQFjKczt51oiq8tR2iB9nXGzH/PyLm/xPT6+y2vH57UsdrnVjXtrzuK02x+1TwhfZ8WSc8dL+gCNloeqaOUH3SLkhsQCmwqX9EffMupyuW9w/26BsuhOBapRmbA0iFgpFbnRj3nWoyIyrslTUWOuFwtcomaxUbS7vj/jy+h43+y3WBy3SLONopUg3yPCTMB8hKVQtgyNlsRJvDVM+fWXAMM5hWAq0fHku67bBD905xfog4YWdIReaHsfrDhv9iPcdKdMNEn70zmn8RJgtp+oWF1oRLT9muSwjrZdb2yyXbUZRymgYcnauyGrH57M3emwPQ9Y6I/ZHMS/sRfz6hS51R59oXICJe6do2ByvTPHQcgXHUDnbMJgrmPzA6WnmCxrPbA1YLrmcaRRIsoylosZ7lgucrhXohhmX2gHP7Ix4cnvIYlk4Jrqq8eyux6eu9jlarnOpLSOmJJNisOGUmHFcPva1Ha53ByRZxm+82mXOdfnpB+f4a2dm2B31COKMtV6MqSlc6UR8bWNA0VQomSrDSPg7a30JOzzfjGj7IswdhAnzBY3zOx41S+FtiwXONCzKlsYoEh1LP0z59lMN/skzW/yDr6/z+6tS9Hx4pU6YxtzoyW3Ymkk9d4i9sh+yMUj4pZf3+PytAefmSvzR6pCGbUu8xCjhckfOmPtRRpBkk6L8SNWmOUo5kYs5wyTjv788ormXohkq2t0rKJWqiHG9jmxq/uggKbjVlTHCmA9SdEl3uzIqGAs6F6ZJ9j1odsjSDP2QFMbKTP314wyYbP6KpYkQv2RKqOEwIOsMRAeS606iL76CoqtkA490dLCpY4q4VJstoLg6xm1T8ns0BW3aEVt/xaJ22xTG6TwPyYtzaFyKtViSNwZNIfPi3KotAlS1YkkhklePYyu0Wrexzs1hrFTkfrsG8eZAEPyeAOWMlao4omwRz455L8neCDRxQsU73iSJWnEN1IZLFsSSjxQlKPXyARE4klTpzE8OcorifHQ1FtiqqkQK5MGKqmNIh8U2Ic7TttMUZb7O5A0hTQVgNybnjkMXbeugGzNmu4yhc0X39V2YMc/ltSGQ36SlKcobcgE4dOgQlUplcvmZn/mZ/+jvbDabJEnC7Ozs674/OzvL9vb2f/Q68/Pz/Ot//a/5nd/5HT75yU9y6tQpHn74Yb7yla9Mjtne3v7Pus2/bOtNVxHwhZsD3JJJ2RKKraUpvGNJCKVfWZex0M1uiK3BlG1yolLETyLaQYuSCRfbQ0kXzr1u71qq8Wqri2sobA0iHlyw+bZjJSqWwiDy8zd3hc1+SNHU0JSMiqXxjc0+n77cQlPgM2sb+LFoT7pBzH3zDrOuhq6oPLkz4lqnz0dvmwJgtefxxTUpjBqOaCD8JOITl5tULMneeWFnyLuXS7y83+OV/YCTNUtOrBRYKpksl3X6UcS9szZ/GCb0o4xrnZj5QsYo3qOgSztWVVRMTWfaKYmrSLfw4iHvOVSnFTTpBhmuAYYKdzZMtoYJp2s2LzZD9oYRmqrwvpUqqgINR+NqO+S/OjPFxfaQOxsVPn1li7BgMIpSPnisznJJ46ktn7WejBrqjs5ekpKIm5Nru0Nsx0DTVLaHIXtexNX2iChJqdkGRUPD0VUcQ+VDh4s8vdPhPUtzvGfJojWSEeAdDXNC+v1/ve0wncCjYmkslIrcPV3lcrtL1XJ5+3xu3w4GvLzvc7Km8furXb73RINjVZ3ndyR0Uv5+CkSpFD+ubvHE1gbvPVIjyeT1XKk6vLzf50hZ4iFe3u9Ld8SLGcVproHSOVYx8KKMP7zusVw2SDJojlIu74+oWBpg8MBikdVuxMkph0GU8chyiYvtITc6PifqNsslnUGY8uVbMj4zNYULe0M+1w94ZtvjW48Wub0uGVg3+z3unS3x0v6AMMmYcVWe3EwwtRhNVTg35xCmMbamcLMfM+uKzX7WVVkfJOyNEqqWxgNzJs/thiwVNRqOyR9cE+x9tQL1c3MoC3NCyPU68k/o2lKsjHHx443rxgYckUjrtB/KmdbYPuuHwm9JU9LdIdpMQYqdgYdSMMCP0c4sygiiNyBp+2RBQvhKU0IOgxgMbTIuCV7cRV8oClxuFMlmjOhKSDK0hivOoRyxn+UW6LQTSJFg5ELfvJs07rRk+Ygo7Uj+kKIqktqcZhgLRZK9kUDmolTovoYqFmVbF8LtlrxuWm6BTnY8tIYjlmcQQF7koU1LByVe7wsVOOfYqBVB9Y87LRMab0n+npNoQHJ5G22pStoaimYIJtfNOp44nmoOyb50btKNplzf88nCGKXooIQRWWeAUnTIBn2UP0nLdV+T9DxOlY6lwJHAxtcQcnXtYBQ1HhGN847Gt5umB4yY/z9bt27dolwuT762LOs/cTQof0LUm2XZn/reeJ06dYpTp05Nvn7wwQe5desW/+Sf/BPe+c53/plu8y/berPjgryRL5ftSeExiMQFpCpwrGqyUtZ477JLP8zYHoZ4cUCYxDw4L5t5lMLldsz5vZCKreNFwmE5Wq7zyBEpgDYGCY5u8JUNHz/J6AYZV9sjukHCtx51WSjqFE1hhNT/f+z9eZRk93meCT53X2KPjIxcK6uy9iqgsIMgQBDcSYnUZpuy9rHkttqyxmP76Ghkq8dut93tHqtbM1ZPW17kTZstWRJlURS1kBQpkgABklgKKKJQe1Zl5Z6RsceNu9/547sRCdrdM92iRKtbdXHyFLIyK3LP33u/732f1zG42g653gm53vYxNWlTtjR4ozOmNU5ZKZus9T22R2OWiibrPZ9eEPPiboChKtwZ9On5MeM4YalksVKxebTp0gsEilY0FbZHEqetmAKbKxlCpn1q0WHOVVkoaHlXTcquF7A5FMPu1rBD1XKJU2nDrlgK1zriK5gvmHz81oib3ZBP3B5ytm5Qs8UEuzMKeaDp8ticVBEYKlxueZyo6liaQjcY0QtiztUNmgVdum0i+TytVp0p/6TuSgfRB07UOTLjUjQ0SasYGseqNh88WadmGyRZxlpXVk/ffLLCcrHOZ+8OSbMUUxPo38OzFfwETE1nzlXRFY2iYfNtJ8t839klusGIKJUmbF1VOVpeIExinl6oM++6PLNkstbv8en1MY/NO3xu84DNYcIzSzM0XZXvPrNKPxxTsVSajkqaSafQ8xs9fvH1Nqaqc707pGioPDZnEiYpl/aGLJZM3nu0wKv7IWkGNzpjTtV0TlR02n7Cet8nTDJePwhwdZnKVEyFN1pj/u5zG/QCWY9t9EP++cV9vrjtyVqu53PjwONq3sbdC2J+4fUuL+yMeKPd47dujlDz9aRMfmJm8wMnTMT3Zao6b5kvc65uCM9IU2i6GnOuRslUKRoKr+5HrJZ1HmhUeD0vmFTqZVbevoT1UFNEC4BbRVFVlGIdpTkjh1Ucy2G10xIh0u2DN5aph6qKGbPVlZe7tqwnDFWiv6oCpkGy76FWXaIXbwvt1bbQTsyhVFystyyhzhYFW48kcfRmgWwo4La0F0x7gdJ2vsrIwW7+tTZJXoIY3ejKhCM3yxqr1an3JB2EU7BcFqW5ybZA1AvyXqLDlVPmRWSDUMi2g5Bkd0TckVbrpDWWGLOhEr3RltePZPqh1m3UikXaz6e8u6M8Si1CS7F0WRtpikS8NQVMVSYrvYDoVlsAcjnLhliMukQiePTViqzSNEV6k0aBCEVVhfBNpYj55xzbklWebQrnZRqNflPv0HD8n5JzYRq3ngqTSapock0MwxPfzJtfrh96N/44rz/KVVG5XP6qp/814dJoNNA07T+ZhOzt7f0nE5P/X9db3/pWrl+/Pn1+fn7+a37M/5zXPeECXJh1+KbVEu9aLqMq8O2nGiwVapQMhXcdqbNaniHNZC3UC1M6gUeYxjQdl7WemF0/sdanYMi0Y2PoM2tbqIqsU3pBhqHCS7tjvrLvYWsKtq7wtiMVLu4O+Ycv7HOzG+bxafFW3OiMWe/LoXt/w2TXS3l+O+Qz60OWixoPzRoESYalK/yHG9L8vFKxWM+R+UuFAt90okgvkAjvjKOxMZT4bNnSuNaRnp7VssZCQSZNgygjTTN6QcpXWiGuoXCsPEvJUDhaLnGiKukoU9PZGnbwk5CvHEjE+XMbYy7MGPzi5Q7Pb/RZ6/o8seCykUd4v+dsjZWyxYWGgabA6apEmL/nfI0LM3P82tUei4Ua33WuyjNLC9zqBPzurT5RmrFSttj3Qgb9AFNTqNgaYZKyNQjZGgSEqYixta7PtYMxUZKh5QyZJMs4WXd41/IC/XDM33p8hZ+5tMGtXkDN1vjkeic34w45U5vjo7f2+JnXdvhnr7b4jZtb/PzrPT5xe8hHbgihOEp9jpVn+dUb+9zuj+gFsgocxyln6wZPLdbwk4wv7rb5+K0Bt/vyOEGScd+MwS+/0aUXCoOm7hi0g5D1QULJlMP+6oGA4UZRSt1WWSpqnJ/R+YsX6nxhK+BKRwB/D80VmS0YPDJnY6gygq5YKlcPPLY6Y9448NkZhnzhTpdu12e9F0wnPW9ZrnB+qcwHT9bRFIV3HS3xmTsDfuH1Du1xxD+5uEvbTxhHKXf7IWfrJjVHZ6Us5vXd8Zgv7fRpugIsjJKML+7Ix3G2ZtDKW6TP1cssFqoMo4z/9qnHiS5uYD8wK2LEsIWQm+S+lsjPfQth3gR9IE3C5cK0jwiQw6pZJwsjObBzP0S8PRRY2lDWTdqsS7I/RLU1slFEstGVEsDWgGRnQOYF05WK6hqgKRhn63Kwe1GO3NeIt4ZE19oiClQFo24TbQ/Fo1LQie/0SfY9sighXu/j73myYkE6ijIvRptzGT6/SdIZo+ZmWQxV0j1pJgLH1sUnEyUomoq5IiWRSXssHpYoJfWkMgBNEWS/ocoqyovQ6k6eFkrQGi7qQvXQqJtfaTfIuTQy2VE0BcU2Zc1UNGX9Y2lTQ69SLpCFMepsBf1IVSZQw7FULJRMUJV8ihWDH5AeSLVAunEgBms/FBEaRvLncCxCs1w8TBFNvrblgojVoUyOpy+bfM0nggYOI9WTpuj+16ev6D9HO7Rpmjz66KN88pOf/Kq//+QnP8lTTz31v/lxXnnlFRYWFqbPP/nkk//JY37iE5/43/WY/zmve6si4FY3YL4zJogzHmkafGG7w3eePkU7GLLW73Ffvcn2KOH8jMFqPkYdxzF1q0CYpHznyRksDebyX+Q3ewk1O8SNQ/phxImqzhe2AlbKwrH4zHqf31sTsNmF2QIXd4es9wKGoWDo2+OYWdfk4abN798ZULF1Pn27w3xBPCiWrrBQKNMad9EU+K4zdT5+W+NmZ8yDcwVmXZNX9gc0XZUwSrA1hXcvF4mzlJUgE0jaosUwzFjrx9I6bKpULJU9L6FiqlRtjbV+QpLtcaJaIU5TloslbnT7LBcdVEW4L8Mw5VIrJckyXm1FPDBrM1c0+dCxCrqq8fnNLg/Ompiazp8/U6JqFUizlLLpsNb3uG+mwou7UkTYD8ecr9cZRj5/9eEFbnT7rPUT2n5MmKQsNMT0amoqPV9ixidqDjsjEX1LJYthlGBoCkkKjqHy6EKJBVdla9TB1S1udKXp+gubHnNFk1+7ckDd1vFOZDScEf/+8j6NfMLwr291WGwWSFJ46U6XYZjw/mMHpClCFjYVrnVi5lyV9664+ElGnCbcV5eSxb/xyAJ+Ir98z9VtiobNu46GvHW+yvObI37owSqLhRprvT0sTcXVFfHdNCs8e7fH43MWVzoRTy1YbA5j6rbGMMoYRwnvWHYwVIVHmwv89Gu3aY9jloouURBjWDprXZ+dvSHFmkO9YnN+Vr5XwyTj+85X2RmF+Am8sJmy6yW8f7XMF7dHfONqiX97uUOSiUdnterQcFSarsbldsSulzAMM1p+iqomHKvosipyVHbHKYYGrq7w5ILDjjdEV0V8zf/L38d/44DC25cFDjdpgvbasNcmq4opVDl7mmzYO+ynAUm6eAHakbrcsg49lOPLZK/eImv383hxHq2OY5K9ERgaRAnafEnWG82CiBxNEUrsxFxqqERrPaxH5qckWfs9J0k3O8R7MsGYlDMqtnhMrIYrq5qOT5bEmOdmCF9vkaUJ9oIYZ7NRRDoM0VfKZFGCvVSCMJXJB7J+ynI/y8TLorrGtJeIHNWvViwx6SbyfiQ9EVxEKdFaT4oXvYi054t3pWiShinxzX20ei6uNgboC9LNlOxKDUE2kElL5odipgXSgaye1IKs6rL+CKVaPIwog3h0JjwX10Y7YpDu98gGAt9DzVdRpiHVAAcDSYpN4s2TpzQTcVIufnUNwKSrSFXFU5R/TeUdTA87j+I4T6VlX71i+mO8Jhy+r/Ux/vdeP/IjP8L3fd/38dhjj/Hkk0/yMz/zM6yvr/NDP/RDAPz4j/84m5ub/PzP/zwgiaFjx45x3333EYYhv/iLv8hHPvIRPvKRj0wf86//9b/OM888w0/8xE/wrd/6rXz0ox/lU5/6FM8+++zX9gF+na57wgV455EC3SjjtX2fdmAyCFN+7vI1arbKY80ZrnT2aTiC5Xd1i5bvY6iw7cl65Hp3yGt7Hu87VuKxuRJf3BlQs1y8KKBsGlRNl8bxgH/1lRY/cF+dX7/R40tbA250Ah5sOlxte7T9iDDJpMTPUNkZhkQNm81BwHo/oGgIMG1nFGJqKhdm5BARw+ZwWqq3VLKomi7rgxFf2h5zcsblV672ZZViariGwmt7HhWzKMT1BMZRwhutMatVm5e2ZXrz7qNlnt0YslSyOFqKhTWSZex5CeuDAW8cBLxtyeGL2x6OrrJcNrlyMAYcmo7Ky/tSdxClGb9/18dQfQxV4ckFueVQFRVDVdgYDmiNU/7yQ7PoqsbmqMP1Tsz7jy6gKrLOWK3aVC0NP8l4eXvIOI6p2BrDKOGxhSLX2+KBmS0YJMNM1jEnq1zaH2Oo8EiziK0bDCMfL854YkFWYT/+2W0+dGqGhq3SC1M+d3fA44tl2uOI7z1fxYtnOFUtcLk95Fon5pGmyRe2Aj5w1OHiZkBnHJNkGU/MN4jTBFPTaTgl+uEYP5G1mqqovHPZIM1E1NiawsX9Lt98ooSpyQSrF6Z8ZsPny1sDKlbObrFr7Hlyt/zZzYDVssbt/YiypXGkJOu3pxfv52Dc5qFZk2c3E37+KwecWyiRpBnXdof8mUcWMTSFm50xR0o6XpyxWtYxVZ0kC/mdWwO+53yNtb7Qk01V5fG5WR5s1PiNW/vsjWIu749YKZVp2AoXZgy2RwkVS+FmN+ZUVedmN2a1ovP6gRQo/tbNEfc3bHZGIRf3IxYKbf6eO8/4zi3cty6iNkooTkFQ/8kEIleRQ6vdk+nLZIVwawPOHwdX4sTKxC9RdGFjVzp1ejLt0OYKwnzpCjo/8xNJzeiaHNBvYn0opk4WHhpR0RTiuz1pU77RxTydSXNyzUGrWITXOmhz7rTLCE2RKYMqdNr4Tl/eXskUum3RJO4GKJpCvC7pI6VkkO6PUWcdVNc47D5q+6g1MTArtgbyK4V0f4xSMqVDyIuFN+MaUwBelq/HtJpN7MfTjznlsCk6i4Q1k/kJarMifUK5ERggHSpiLk4ysjRFdQxJBwHpXk/aru+2UWwNtXTob8EPpgyedL+HOlMmPeijWsbhLgSEsVMrHtJwJ/C4ibluUq44IePC4drnzWWNk9ef/N3EvDv9+/9zLw6+4zu+g4ODA/7+3//7bG9vc//99/Pbv/3bHD16FIDt7e2vYrqEYciP/uiPsrm5ieM43HfffXz84x/ngx/84PR1nnrqKX75l3+Zv/23/zZ/5+/8HU6cOMG///f/nieeeOLr/vH9Ya57wiW/Hp8rEqUZXpxRMiWqLLHklKpl5DcKCroqMLqHZyukWcrxinhbNEXh4p7PUlFjtaJz4HvTXpnL7Q7LRZvjVYtdT+i6LykKO6OQxZLJnz87M4V4/csXt4kjhVGY8Ns3pasnSzPef2aGT9zqMl8wWe/73OyNpn6Cz971SDKYdU3WewFXOl0emzP48Ze3WGwWaI9j3mhlnGsUGMcJO8OQ1yydiqWhqQpHSoaIoYbBzlB+qUUpsl7wE3q+Sc1WqdtiwBzHKW9ddCgaAnH7wLHCNMr75IJJmsEXd0JutMc8Ou+y1h2zVLK4uDNkYzCJIvdZrVosF0WQ9IYJ26MO33p8jhd3d/ns5g6/tzbg/lmX9jimZKq0vIgkL5Tc7IVUHIO9kkWSZfSChJe2B7zzaIWHZoXG+8zSHOsDj3bgM6/pNJ0yr+2POVvXGUQps67BMEx4zxGbjp/w2FyNKM2YtS2qVoHfvbPHi7tt7m+YXD3w2PciPrhaoGw6GGrA/+V8g6pVQFdV2v6IT9/t8NicT9uXiU7HT3l0zqFqury832HPS/jkWo+iqbFSsfn2UxZ/+7mbDMOEYZjIGszSuNYJeHzeRlXEO/KpOyOuHSRTr8njcy7nZ5bpBV3+3gvXOFO3SNKM/WHIe45VMVSmHJkwyVgqWbiGyumaxkqpzK7XZ89L+cbjJVkPZvD0osW7jxRwdYuGU+JCo8vn/YT/2yMzbA7jaR9izVa53o15ZM7ilb2AM3WTKMkYRtKX9JYFBy/KuNYVM+/fmz+J/09+H/OBWbQLR1HmZsXfEofST7S/j7J0FIIhWc5fwbXhypoImrZMXxRbh+U5YbB0B4cQuZ4nKR9VIdtqoazMk97poB+pEl1toS0WUOuybkr2RjK9ybH8E26KvlAkaXmYp5rEaz2ZgOS4/iwCfaWMWjIJL+6hr5RJtoYkgHG6DlFK5seY5+pEN7pkfkyy64mvxMgF15yLVnQY3+mjJrYwZ2wxBasViyxI0Fcr05RRFiRocy6EqXBpolRETL6a0ReK4MdTpkzmxeAaaPMlghe3MFYrEKbCdimaMpUZeii6RhrEpENlup7KokRovzVHxF2S5WJPBISiKgKxU3N/S5wcTkC6A3n9NBVeTpwIX0VTDgXGJNZcLoonaVK0mKZg6/L/7Z78GUaHXpeJaRft0PPkBzKFm7BgIH8b46/HEfFVqaCv5TH+MNcP//AP88M//MP/iy/72Z/92a96/sd+7Mf4sR/7sf+/j/nhD3+YD3/4w3+o9+c/9/V/bqn6v/HaGMZ8OQeW1S2VOVfjSMmk4ajc7He50fVZLpZxdQs/EdPhjW4fV7d4Zmkm9xdomJrKs5sBbV8Iu3teTC9MJD3T89nz5Af+jQMfTYX2OKblxRRN+WYumgrf/sAcM0ULW1fZ7vkkYcKji2Veywmbk7XS+kBirl6cMY5TjpRN/vyZMvteyKutCFdXOLFY5pk89mtoKu89VmSpZFGxdBZLJjOOzs4w5HY/4pGmycV9aUdOskxiwRULU1NYLJn801datMYpp2s6x8oGe17KlY6shqJUJjFnazrXOzEfvTHkpe0BO8MQVYGHmi5vX7L5nvvqOVNFPCEXdz0+cXvIq3tjvrgl05VfurbDi9tDPnajR3sc8am1Lu884nKnF7JQlIM7yTLON4toioKpKZyq29PdsRdlFA1Zu8SpeEd6QcprrR6f3dzjbN3IG6wV/u5Ti3zH6RpXOhHrg4TLOWjwo7f6/PSrG9RtlaKp8a9fa/GWxSLvXnGZdcXQ+dCsybxbxY9DvCivGfBTiaCHKf/lA/OcqOr8wcaIzVGP1jjhs+sDSZGpCvteSJjGzBdMknx3PwwTvnCny6W9EX4CxysWt/sxpqZSsTSeWXb41uN1iqbNVw7u8rnNdSqWxrMbA17aGXK+WWQQpliawntXXIqmxss7A1YrBlGSYWnQGg+43U9ouiodP2WtF/H0oojVu4OA9UELRy/yzqVT/Oijp7h8IN6VIMm43pUotqEqLBQ0vutMnSjJaAcpj80ZvPtIjR/5nS3+/nbET62c5p898UHi33kRbbkkxtjmjIiWJCSLQ5m4pKnwW4ZS1kcYiWhpVOUuvN0XwJltipdB1yQ6vZ8LmpIt0w/XQTm+BFt74gcZjGX6USuS7Mr3lqwx8l95uddjcvAqhhyciiv3cooqU5Vkd0S83pcSxKJBvN5HKZloyyXi7aEUIA5DohtdBnf6ZFGKtlgQmJ2tg6HiXdwj6QX5lESTqU2SEecpJ1SF6EZnmizS5lyZnkySRrMO/u2ePB6yWkpaY+K1HlkgzdWpF5HsD9FmnUN/S5KBrksrdnC4QlPL+YTHlRizkgsIxTZF5IGg/lVVBJytkfb8QzHyppJEZZIUMg2B2u31pPcIDuPOcEg/nvhS/OAwOVQtHfpZ4kTMvN3BoYFXVeX10kz+HHqHwnXyPfF1uJQ/AmPu/0FCO3/ir3sTF2DPS7iwLNj0plPmMxsH6IrK2xYWibOUPa9P2x9ysjLP1qiDrRmcr9fpBh4v7nWmhX0VW6FuC4yr5WfserIXbvkiJJJU0Orr/YBHF0riQxiFXPrKiNmCwQ8+UOUrrZD/6slZbvYS/umLO5ydK2JqCqamMY41Vso2a12fkqFgaApvHIRTM+dvr0nXD8BHrg05P+uiKuDoKmfqNr90uc07j1ZwdJX76jrbo5RH5lwWCirrgxhbV+mFGWdnHLpBIp6dFK4e+FQsnY1hwkpJ4/fWujknJeYHH6hzrSvx2CsdaZUOk5TzDZeTNRNNEeps3TJZLlr81s0+SyWLmq3RDyRptDMMmS+arHUD9r2I9jhGU6HuGHxgtcQf3BXRdqcXslq1GYbyS/PplQpPLkjs9tGFEqsVk8fmLJpOhb1xD1PT6Q19WuNU2Du2iqooPL04z4u7O5yp1Xh+e5tP3xng6GLuXSpZOLrKyzsD1ntvLn6s8bOv7zF3UsPWDKqWwa3+Hv/TS/t817kqKyWXkqliqmJ29mIRsGdrBkeKNbyozXOaTNnONwryNvYCnt/sMx6FOAWTWdegYum0/ZiLu2PO1gyWihonKjpRmlGxFF7Y7nK2bvDyXoihKjiGxjiSBFDdEcru6Zr4Ts7NmIzjCj/72j4/9PDsVLAA3OzFuLrCO5ZtvDij6Thc8QcsFGIGYR9dVdFVjaKpslRS2B6l0opuKDRmdN62cJZu0OfHHn0bAMb/8LP0v9KiG8SUW2OM7SH6w3vS0zNTlsNJUaWLCFCArLsvImR78/BgSjOBy4H8prdNOfQmPoY0g/kG6Wt30GoZmScJINUxyG7LVEFfLpH2AlTXINnoSuJoGKIdmyHrj0ToANrxWcIv3UFfLqGqKvGdDub9c6QHuRi51hGzapKJgdc1II8cp62xGHuXS8R3BCpXOlmVtz3MV1CAoqnYp0U4aIYmMei8rDMJEgxAXyzIOshQJZodSqrHOF2bliY6x6tgqOi5aVebc/NyxjzyXDIkSWSopNvd6ecq2RlIfNvQSKMEvVkmC2OZOIVRHjUei9dlkg5KM4ij6edcLbrgeGSjgGwwFvFVdCRFFEZSuOja05VRFsYiNCceFD2fwNQr0xj7VARNn49FsICI2UnDd5rm75N66HGZGHrjvHXa/z9eHPre9bVd94QL8PicxZd3Q+6r6zQdePtSDYB2MKIfjjFVnapV4LWDLcqmwdnaIhvDNl4U4MUZzxwp0fJTLA02hzFf2h7xgVXB8xuawqu7Q5JUJgUXd4d86GSNf3+5hWOoaIocOG9ZKBCl0B5HpJlDmmY8tFCi7kg78GRa851nqnxhe8SxirA5Ngch4zhh1tF4aXvAyZrDOP+l2fNjQOc9x6p0gwRNVSgZEnN2DZVTNYHhtYN02r907WDMuYbDubrBZ9ZHHKva1B2d9xwt8D88v83femoBTVGYdU1MVeVT6x432uNpSuZKR1JakxoAP8lYKcm32a43wNQUwkRGwJs5x6ZoSjnihHJragqzBYO/cF+FXpBx9cDjHUeF/eLHKWtdnzMzLpf2hhwrVygZKnbFZKWk0XQqdIMRXpzS8UdULJXz9RrDKCBMY46Xm3SDEQ80GqRZxp6X8oMPVPnvn9+nOwrpDAKSMEHVVW6HI0xNoWhqPLfVpWLrXGpFPLkgRts4TXjnSonlosPt/ogLDal10BS40fV5aLaKH0e0gyE1W+PGgcd8yeLcjMULWyOe3+zjjyOKRZOVii2jaBXOzxa4tDdkfeDSGieslHQqlsrz2yFRCp/f6PL25QK//EabD52sTac4N9pj5goGrx9E2JrC2bqBoTqsVkw+sz7iG1aLBDnR+GCc8O5TFfb9gKMl4UlULJVemLDjdQWsp8jKdN4t0gv6RIlCL8xwU3hu+wqtccpD2yFrP/zr1E7WqH/LCQDUhTpUyygzNdT5hphuLUvMuHFIFubJkQn5dOjJ3Xi3L4dSuUB65S7q2SPib2l1UeBwZRBGQpntDMmiBP3CskxT/IDktnQ1qSVTpgaTg3HCCoG8i2hA5u1KqWIuQjJfMPVJa4xat9GaLpgqWs2RiYutkWzka6CGk6+FRAhlUYqiKtLKPBDTb9r2BfFvqMRrPTHa1hySJEMtmVhRIt4XPxEzb5CQDKR7SV8uoWgKqScroZRcLNVtWRntepjnZyUhZaioFZuk5cmUZRCR7I4wzs0Q3+lj3t+YCinSVDgrrYEwZeJUMP1+KOyaiQM1TfPkjwiMLM1QHAPFtvJOoUD6mko26YGHmvtNFFWVSHS5cPi5BxExE1PuZF00EatvNuTCYWJokiJSVUj/o3j0BDxnW8DXR7j8YVJB/0uPce/62q97wgXhtqyWddpBRssfcLoqsTE/iXhpr8tCIea45bJcLLM96vPCzh3O1mbFWBnIgWUNEk5XxTux3jfYHCZcmDFoB9Jk/L6jLoMo44WtMb0g5WTd4a8+3GAcx7T9lD0v5ZN3xtzojPnNmxoPNW2OVW36gbT/np8Rz8LvrQ95pGnwH64P6QUxSyWLz9zu8KETFZZKFjujkHlMHpi1+fzGiHMzNqdqOptDlZ6j8caBz+MLDr0gRVWYkk4vtyTVNI4FgtbyYlmBmQq3uxG/enVMxTEwVIWTdYedYcjjCy43uyEfPFElyeSXzOmawU+9uM9SyZoKKE1RuN0XA/HpuiMJlVZAxdKoOwYPN23uDGJutGVX7Rgqq1WHf/FadwqdC/MWwrqtTcVZ3ZbPs6srGKrCpYOYm709kizDizIuNAz8JMPSBpiqzh9sePSbWxwrCWE1zTL8JOMzdwMeXShycRd6QUKxbNPxI+YK5rRLaXskPpQk1fiJL20xjlPmCyZFU+NEVYokvSjD1HTWDsZUTOHSADTsEs/vtKm7Jm9ZKvP0YpnTNYOGbXOxNeJfvbpPmKRoisKSazFf0Dl+qsavX+tyZsbl6cUylw6GWJrCRy7vAfAtJ0u5tyflm0+W+cXX2yRpzhRqB/zF+2f5/bt93rFUYBh6LJUsPnvX41tOFlkfyMeiqxqT88yPI8TyIZwWgK+0d7jZjYEhQZJxpx/x1gXp4doYRvzkhXex/u3/I/OPL+D8F29DWTwm4sSwpx4WZdiSBujQm66FgOmBqFTLZHsHgnIvF+Vw2toTDoiuw05LJgzzM+JhKRegXEBZnhORs9kSYaNr4NqoVUtMs14kYien36ZtXwy8+cv0vKE682OyVox2vEb0xsG01yftBWiLQpVFU0h7AXq1PF0lZVGKYqgk26Op2TXzYsJrHTHR+vJxKq40PqdRgmqoxOt9siTFv9nFcA0yN5Eosq3LlMjQ8tVMMBVL6SAU+m17jJ7zZLQ5l+DVXZkEGcKZAaRKwRBmDFGCvigJJ3WmMG25TjtD1LJN2hlL87Rr5eJSl7qEwRh1rkyy3ZuSftWceYMfTIFyWRqhlItoYUQWp9IYPXn5BCjn2vK0I4JSfCvq4bppAhOEQ8E0EU2uc+inefNKadIcDl9Xc+6bOSxfy2Pcu772657HBeiHKRVT5aGG7He/sL3B1qiDqii8bWEWW1Pw4pBh6PPJO2Mu7oeEScyVdpfVskaawVvnq3xmI+CL2yELBflBXB8kXOtEnJsRc6SRk0fXuj6OrnK83GTWKbI9kj4ZcwLACxM+frPHl7cGvO+oQ8+P+fjNHisVwfG/vBdRd3RWqzY9P0ZVFNp+ypNLBb77XJW2H/PizhhNhQdnTfa8hJqlUrNVHppziFI4UjK50onztyeek2GUYGpCme0FMd96qsjLux6mpvLIfJFvO13jejemZmucazjkE2+KpkLD0QgSaDoOji6C5NyM7NLFT5HgJxmqIqu5th8xjBJudMa8fiD9N5qq8M0nywzDhPY4YtY1+M5zNR6ZL/LWeSnrO1vXeWRODorzDZsHZw3euuDye2s9Vkoarq7gRRm2Lms7TYEXdwNSZNLw69cGtPwBn767hxcHfHKty2fXu6x1/aln5pmjFb73/tk8hi0dVl/a6vO59S4fv9ZirSuwv7Wuz7N3e/yD53cpGAaDvJSwF4jI6oUJm8OYqlWgF6QyTanrzLsV/Djjy7tDNocJJ2sON/dGrFRsnly0WSlpNByVkzWHoyWdz232udmNubjr8dBCiUcXyxiqwl98oEEviPmpL+9Sdwzes1rh4s6QYZTQCcZC7TUsztYNLrdGzBZMmo6sBt+y4KCrGhVLvEBxluAaKkVD5bVWizCJOVtrUrdVWuOUc3WbczPm1DP0k498I/s/9I9pPrWE85efQTl6VsoSs1RWQropVFxFhShnsOT05UnfDJ5PNvTkEOoOZPzf7ZP2PPG4rG9/1V24Ui+T9Uckr90Ro+fQkzbnoitrCNMgHYQCkOuJhyIdR6iVfK0ykknExJcRbwzI/AT9qKyypmWIvUAep+2TtH0ROkfFlKvNumh1Bz33oag1myxJGW8OSZOUIKfZZkGC1nAYvbhDspGXOaqKIP6jFCMn5BKlRDe7YpLN/03a9qcTErVoMrjaBqTPaJIKyrxY0kkVSyLWuadFXyqJd8dQxdA76TIKpbogHee9SmEMpiq9SH4oUxLE26PWHDLPlwSRpqC6hvhWJqseIBsL52ZilFVMPZ+WFb965eMHsLWfP5999SRnYsadrI0mYmTaT6Qc+lsm9FzP/+qJzOTp3vWn6ro3cQH2xynPFF28OKA1TjhWLqCrGl4kBsqGU2LX67M+SPi2k2LSfW67ld/oKDRsm11vwHpPvCATlsXNbsjl1oi/+cQsUQoLBVkNPbsh3S23B/ukWUbFUvnc3R5JCitlmw8dL/JAo8Hf+vwNLh8cjkFvtMeMY+ktunrgESYZ+15EkqQMo4zTVZXPbUphoVZUeGjOxYtTVEUhSDIWChov74U8syR7+nct2/TChF6Q0fYN1rpjPniiSmucMl80pfV3HPPUskPXT0gy8aX0/JgHmw6DKOXpJYfNYcLlls97jkri5vHFItfaYzYHAStli9t9Ya4EidBXn9/o0xtH1F2TME2nbv1Z1+Dl3YCV3Dz49JLNzV7CM0s2ZdMlzVJ0VSNN+7x7xaXp6ry4GzC7YPGjjzd4eS/k/IxBL0xxdYWP3/JYKhms90O+tD3i6v6I1brDy3sBt3sRD836jGMRGZM/T9YcTlclOuzoKvMFc9oU3QsS5ssyZdn3ZAR+ZsZlviiVAdsjD6Okcbqq88JOwGrFYM5Reb29xafv9Pmhhxr83Fc62JrCz32lQ8XWqNsGmgpHZtx8tWdRt1V+4XKPp5eLXG2HXN4fsVq1WalYPLVo8dHrQ2xdwdY1ztYt3nVkgevdmIaj8n33VRlEGRvDhF99fZ8ggQ8dK/MX7qvRC1Nu9aSLacEVkWxpOnGa0g+j/BxNcQ2VF3b2STKmIvxjtwY80DBZKJT53uIit97/X7PwjiNY33AepTrz1QIF5PnJSijLJy05dE6p16WXKDdpZjsHMkHRNegOUE8ty8G1OEvy8i05iFUVfA/l2ALZ7g1wbYnquoZEd+cV4ut7aHVHWphPNKQVGgQ254p3Q7N1mQyoKoohXhaGIdloB/OxI6SbHTGZtsYyNcmpslkkjcv6QpF4d0QWpejLJaKbHdS6TaEqIDszB76pdZt4Y4A1X0AxNLQ0kxqCoRB1w+0hqqGizbnodVumIhVLmp7TDK1uozQk/VQ8Jqs8/WiZ+I60RevLpcNSRVdHycsak44v0L0oJRuEqBUbrWAc1gmkWd6CLfA5VIV0f0hmqsJvAZmEgZhzczhf2vfF6xInoCPsl8n6bWLYHXqHvJcJ/bZeAfVNfz8RIrouk5OJUXfy8jA9FC1Trotx+DqTxNHEjzNZM30drv+cqaJ711df94QL8NSiyYu7Ayxd4dW9AJalR2ferVK3CrSDEY5ucKqqM4oibvUCLE3B1WXScOlgRNOVKcXZGYcvbAU8NGuyOYx5z7EqX9wJsTWFCw0DyPiRRwUlf7XjMwxlCjHrCu59pWJTs1XeaB/w4FyRhqPiJ+IfubQ3ypMiQ1arDp+53aFmG/TSjIs7Q9a6GhVLZ5w7/te6ARVLihS3RwmPluvYWoemU+ZXru/w2JzJMMz4/TvCazlZk66bfU8Q7a1xymrVZnsYTRkxl1sj5osmUSrpkov7IffNmLSLcjftJxHn6wYvbA7YGgS0x3Lor/dFxAyjhO4o5LHlCqam0AsSwiRlZxTytqUirqHwaLPC331unYqt84GjBUxV56W9HhdmCsJ/0ZTc8xGwVNR47WDMW+er9MIDojSjZqnc6UdUbJ2XdkY5AdbHMSX59ZGrbU7WHO4MfOYLJsMwYd+TCc/TywU+cXuIo6usVoWjUzQ17mvYOIbG8YrBrV7E5iDgLYsldkYh33N2hl+93ubTt7v83bfN828v9/jOc2X2vJR/8VobTVH464/O0PZTnlou8dyWz3zR5HvOlTFVnUEkzJPNgRQpRp4IxocaBW50QoZRwmff2KfecAmTMktli+2RGG3ftTxDyx9QsRRu9yXBNl/Q+A83Bnz7fbOkGWyPxvze7RFvX3ZZLFq8a/lpxrGk6G71b7E+aGFrCqqikGYZICL39YMITYGmq3G0pHOhUeVtC09z/akfo7RUxDhaFnaKZspTEh+uhSJfBEuWknmjPP4aH5Yo+sGUiqsszsrddrMuf++H0CzCxi4YmsDlwmhasKjWZVWQ9gKMB6THCHVSJijQOMUeko1itIZDvDkQ5sliRTws622UkimPAyiqYPAJI7JAmCjagkxf1ZIpvJcAtLpDtNaVg9wXONwErZ/2AtTlEtkglARRL8I8O0MWxERrPSlcHEX42yPcs3XMpjtdzyiaQppmZImIiywVD0zmJ1Lw6CdTgu7kY9XmClPhAkz7kZLdEekgxDhaJvVitHmDZG8kbdCWJVOovk+mKaizIkQmaaVsHOVcG/GPKIaGUhD/i1p15Ws3wfLnvqHMy424kxLESQdRPxUvi+cfGqvtfOI2mchM0kETX41pgDeeFjfKvzUPu44m3BddA/KyxzQ9fLw/5uvequhPznVvVQT84ut9VsqSxFjr+gyjFFVR2Rv3eaOzQ5jE3B0EBEmMn0i6I80ymq5BL0wwVPL+IJtTVZ2TVYOFgs7xioGrK6yUdBYKIh7SDPw45HilydsWpBH5l9844NLeEE0RiFwvyHhuy+ddyzaurvDKzoirBx47o5DNQUB7HLPvhdi6St3RpyumoiEm10E/IExS3r3ikqayIikaCncGbbZHCTd6bU5VdeqWzb+93KE9jvO3m3CsrHO8KjHoS/tevj5Rc0Ekk5gLsy5tP2Xfk16h1liMv39w1+ONdg8vFnbIuUYBR9dYLpu5f0YO5JJrTAsRNRXec7TEB4+XeN/KLK1xyr+7ss9TyyVWSho3uj6bQ4+VkoaqKBz4Q6IkY9dLeGJefhGerYkp9pklk1f3IxqOyno/YLMfsN7z2RzIXWwlJ8pWLJ2lksXNnniE3r5SJkpSzsy41CyJQLf9mPVewI0Dj7Wuz7uWZ/iO0zWemC9xvGLwY0802fci6rbBq60Ba12f8zm9te7o/JtLHS7tB1xoFjhZdzhaqtNwVDYGId97rskHVwtUrQKDKGShUKZkKAzDhJvdGFuDxxdLXGyNqNoaSZph5OuNmi1f441hwoLr0g/HfG5TwHoVU6FqFegEEd9wzOGDx+qcquqoKpyuW9w3U6FquqSkmJqNpbscKx9juTjDA42VqecnSqTc04vFk1U1Te5v2Lw7rqP9s5/j+N94lLn/+gPo3/A4SrEuYiX2ZariD0W4ZClZ5IPpojiSQKEvYomhJ6uhMJI4a6srySE/kOcnqyNd/B6KKwJjcnipC3WIE/SFIll3QNYdQJwI9t/W0BoOqmOgrdSnjcipn+TAuAS1YsudfZhOyxGT1phs4KMtVlAMDX2pLHyUJCNe60nBYr6G0mqOeE9aApSbdAOFr+yRDiLxuCQpSkFIu5MIdpZmOCeq0lSdZmR+QrI9FBR/JCJgQoudTFbS1hjF1ogmKyhPmDbBK7tvSi4pUkmQ03W1uhCH1aIpk5KSSZaXPpKmIlTClKw7FFGgKWJkznuV1JIjRuUoIQvlYwNIdvJYeSwmZqolgfn5IeiakIgnK6BmPRccyqHA8PzD6oY0PYTSmcZhish1Dmm4ri0vm0SjYboSnE5k3syVuXf9qbnuTVyQTpv/5wu7FA2N87MFDFViqysll6uDAEsLOFqyGUQhQZxJMaGlEqcJ631pxn120+fCrEUnSDlW1nh1P8TSRVC8shfwVx5YZmvUYc+LWSo47Hl9Xt4f8rs3u5ysCTvlwaaDoUIvLzD7ndsen77dJQhi3r5aozeJcSoK+6OI+aKA1sZhglaE2YLJMEqYqTkUTY0rnRg/znANhTfaEW9fkmnOpVbEQ7MGH7/dZ75gstb1afsRTy7JSNpQoWSq7I+iHBanTIFmO0OJX6+ULUxNgHRnawYnqvCJccSel/Jw0+Z2OeZTa12STA7BJ5fLbA4CnlouESRwaW/Ik0tFLE1BVSVu+69f3xJzccFkoaDyqTtD3nu0OG1EdvSIl/eiaRR82JPPx+1+xMZQhMyJik6ayefo4u6QJEmpOAbd0cQoDLOuwUOzBuuDhF4gbcxvXSpzaW9Ikkrya3JlacZferDBL1zZxdSkLLJsacy56XQy9fKuT5ikvH25SNtPeWl7MI2lv3fFpmI67I37OLohX7vxAC/O8OOIXpCy1u/wyp7PMBLTrJ8YfGVvxDVNnVYZrB6pULbEw2PmSbUoyaZN0r9+zefBpkPT9ahZBuM4RldVPnl7RMXW+cH7FzlaXiBKfTaHNxlGPrf7+0RpSkE3aftDkkw6tYaprJoez8swH26eZqUXc+3b/imrf/EC6pkVlGNnphMVdBMCD5JQJi+KStbbl4PJ8MkGw8No7Juoq0q1TBbm/ovFWdjaJ7q2j3F+XkSOKTTYKYhuctipqvTltDqHP8SqirFalYlDK29bZoC2UJTywm5ANpDiQgxFOolGsUxYygXUkhB48UOJJOfI/cn/hxf3UCwNba4gaRxDI1Pl+290+QB7RsRCFiXTKPbgU3dwH2zKx1oywYvk48nXOoqrT1cxcXuMXneI8mi1qolHJd4dYc3NoOct03EvQIdpL1GWpsRbI7IowThZExGVr7cUV7gzatGUj7NuE28O0JdKYOtkowjFzPH9ub9EvEAB2myRdDCWddNcWdZHxgjihHQkbdFKnhhSdJVsOBbxA9JJNEkL6ZqIlbwMc1q8CG8CzUWHptxcEE39LmGU818UeZw3+17Kxbwl+uvjcbmXKvqTc90TLkDBVHmyUc7bh1MajkrBMPDigDM1i1f2fGp2zOYwIUpljH6qatB0KvhJh46f0izorPViXEOh6Ur78vogoW6pzBckTt32R1SslG7oTT0FZ2YcvuVkkV4gPpVekE4x+pf2RyRpRpZm9IKYMzPu1NjrGCpPLBTYG8sBWrF09kch4yhlpWKJ9yUTJsvxikXTldXPJ24LGO5EpcGJisYT8yX+4K5O2dKmKai3Lrjc6Er7cN0Wroijq4zjlIfmiry0PaRu65haxvMbI251bB5sOrx3xeXLuyGv7Pk8uWDysespSSqYfjESJzyz5HK5HfDNq0u8uDugF2aosYD0kgyeWizw+Y0Rw1BarQ1VYX0QM+dq9MOYh2YFO//UQpONYZu2LyC8Cw2D652YW72I5zf7mKpKFMQ0yjbjOKHkGnn/DiLUAhGox6o2UZLxpa0+LS8SOF6UoqkKYZRwtO7yxe0x672ApZKs7D53p0eaVUhSofhebo34wIk6aQatccKHz85woWHQC1IsTacXjtnzUq51Y4ZhwvVOjKUr7I7H+Ak8vykTtZWKzbedLHClHfHMkRIVS8FPYK0X8dCsSS/M+Oz6kHMNMXh/+nYHR9c4WXc433A4Wzd4fO4sN3sbmGrIJ+4c8MHjRYZRynPbLYaRz4u7A5JMoIumpnK+rtNTA0qmwiAUkTvIzc3fe/yb+NjGpygZddZ/4CeYf2QO/W1nUeYWZRVkujJdUULw+2LOBdD0KYMlO2gdCpbJWD9OoNUh0zXY2EVZmZc77O4A46EjclDttcn6I7TZIuy1oehA0SW5dAftSJ1sTwyr00M3v5PXGq7QanMqrKJrZINQpjNBIhOFZoHk+p40Ntcc0p0uSknw++Q1AMmGJ8RZEvGT7HqYD8wSrXVR8rv/zIvIvAi76aLVpCUaVRFPTBBjzeTTGMgJu8n0kJ2g/5P9MWrBQq87KK6O5huSZkpkQqLXHdJuIMmjNEPL6wImlF21ZKJWLdK2T9r2UWz5eOP87Sq2LomgkoniGNPSRcUxyNKUdBRIhNnKwXgTcm0qkxdZB/mS5jJl4qVYunxcfg7VMw1Jkb25j2hyDfN1Vr1yGH8uunmqKD4UNZNJzMT3oua+pknNw4TjMjHm6vohgffrdKmKrFO/1se4d33t171VEXC9Pebi7pBeIHfgUQrjWH7wh1HM+Rld7vJV8OOMU1WDz2z4vLh3wDAUMNdKSecdy7LL3cwFy2dud7nWkX3xjtclzhK2Rwm/d2fEza4AwEBU+J6XcnHPp+GoPNiUu7e6Lf1ChqUzjkSgnM+LBsdRyp1+xJc25Q7tRmdMxZZ1zmY/pO7o3GiPWS5qeamhwUevC1L9bz85h52nbwCOlg1GUcqVjhg800wajx9dKOLk6O/2OOLhuQJHSgY7ezKRWCganKw7HK9J67OlKzQclZd3PbZHKT9woYFjqNzaGbDe9zlZd3h13+eBGYfr3RGf3xhxMI650Qk4VpaVyJ1BTHsc8fZlAbq9npuTN4aS0HJ0nVf3Q651D/jI9SENR6PhaFRMjW0v5ZM323TaY/a7Y2I/ZqlsMl80p3h/U5MWbUOVSc3v3Wzz2fUu2y2PY1WbkzWLJ5fLnG+4nG8WafvRdLJSsXUeaZp8w4kqT8yb9IKY9b7Ph8/O8KFjFc7WZSX41gWXmuVwslrmYBzx6n7EQkFAcg82HZIM8VIBrx+EU5pxxdL51LrP5zdGfOxGh6WixmPNEo82TY6U5HvrvllHegbDBM8XUN/EKLznJWwOd/HjiJbvY2kKhgbHygZPzNewdYO3LlRZKWucrslE6ESlwKWDaDIEwFCh46f8yMPfzN9+8Td4fO5++Ms/TeVomdKHTqLU62K8BTlANF0i0FZRJi7jLllfItu0uvl6YCyvO2kF3juYihdUVei43cGhJ6JaksizrolgmfBb0kwOTM8n2R6iVEtyINYrZKMAxdRRCpbQXueq4stIpTJDWCRCyhX+S5qXKqoyQbHytU7u95jEfxXXIGn7KJZGtNaVFUqairjJpxsTrH6y75HlaSStYh1OZ1xDVksdfwqNy0bx4dvJV1hC3S0K9A4wTlRRG84UWDeJWKv52lBfLIrpOE8rpQOZFikFY8qQUYsmaS9PKaXpNGo9wfSTZOKd0cWnkxx4pKNAUkdxLMJG16DVlfbtXJSoVfewSHGUt077oXyeB7kImSTGJt6WycTkP25+BhEzE7Lum+PRrnP4OhMBHMeHreETb8zX4VL/o5bnP8zTPY/LH811T7gANdsgTDIenXeZL5hULYPbfSnJ++yGxGSjNOPdR2qUTJX/15dbpBkcK8td8LObPlfaEWv9hAsNg/sbNgsFh6ePVFguiZF1rd9jaxiwUND45K021zsh17sxjqFxqRXx8q7HasXkbK1Amoknoe1HOLp4Ltb7YnR9frNP3dFzbLz88Du6ysCLpjHiME3ZH0WYmkqSwZVOxE9+eZdxnLJadahaBS7uC8zs9YOIO335t5YGC67Lr13rMwhTztRNTlVlvVE0NZquysdudPjQg/O0/ZiFgsqRssmcq5FkGYuFEislOZxf3PFZKesUc8T55kAanA1N4Y3OmLV+zLmGI4WOKy5faYV8br3LlzYHrFRsVss2r+15XNob8fKuh6bA2brB794e5auRAUmacfkgpG4pXGqFfPTyHrEf05hxWW1KdPRy7tNZKlkslSwenS/xyJzLv7i4z6dvtem1x9Rtg7efmiFMMi7uiadlreszjpMp5fbdR4usVgyarsHjcyZelPLkcoVvPVXjQsPA1g1mbBdDVdAVjbLp0HTKvLwvdQqqomBrcLauc6Fh8q4jDhVTY7moY+sKHzxRZRgmXG6NCJOUC80iX9wJuTsYcbJaRkWhNU4IEqk1WCpZHK27fNf5OrOuScWSFuZu4PH7d/u8fhDxibU+n9/wSbMMFXm/rnb6RAl86vaQiqnw8v5QSM/jhGGU4sUZD84aBInH958/S/UffgSjaFD+9vtRHnsIig15souHyP5hS0oTIx9UHcWwRYhUS4c/ZN5YIsz54TZ5WdrPD7MwItvtCjtkpwVxQnLg5XfkzhQfr59q5oZORbwtuThKB6EwSCaRXNua3o1rRxsAsvao2yRtAc4RJagLVSlhzKcniq1JB5GhyhpmrSftzGlGdKcvEWTXkCnIpO8nN+Aqti6emiAGQ0NxdYI96RqatDInrbydOf/ZzaIkTzAlUy9MsusJ3K41lvctSacv0+Zc4o0BqReJVwYIrhxMRZ3WcKcrLcXQ0JoFskSqBpKOL0bkKKf35oLgsHQxRKvZpN2AeGvIpOk5ixOy+PD1ASg6Aq3rermBN54C5pSZ0jT1k/nhV692JkZaPzisBJj4Yt5MyoXcA5OL1gnvJZUag68SPpPV073rT811b1UEfMNqiS935c5/uWzy2v4YS1eo20Wgz8YwoWQo3OkPaLriczhV1Xl+e0zdVmkWdOqWyumqtP3e7od0fJ85V+OXLrcIk4xXqjYrFeGu+HFKw9X5yr7HB4+XWB8kvP9Y7vdQFB6cNXh5L+LpIxX2RxGXWyOKhjb1TUzQ9FcPPMaxlAWaNXVqog2TjNmCgakKx+SXrrQpmhrfdKLCqZpOmmU0HLmrsXSFT64NudAsct+MQZwmFE2N9x91uN6VXw51R+do2aBkKNQdKWTs5Xd/k3SVF2fsegOCJGPO1bjWDlgsFDG1NvN1h/2hmHFXSgX+w/UhmgLLZZNZR5N1UM8n9mPmGwURJjd63GiPectiiRc2+7y60ecDZxr87hv7nJwvUjQ1xrEkXmxd4Z9/cYM0TlF1FVMTAu2JxfI0cnxpb8Re22P+TINfeeOAh+aKjOOUY1XhprywNc4BcxltP2bWNZgvmMwVTc7WdE5UCoRpzIEfMuc4GOqY96zI9GN7lAAy+brejbF1n3bg40UZ336qQZymbI2GRCnMuSUadokXxptEacqJqs4/eH6XP3emPi2Q/MDxCiVTRGeUZpiqxlYgiP9bHR9NFdry95yvUDRU0gwGYUprrFAx4Yl5k1+83GffC7ndGnGjU+CZIyFenLE3inly0UZTYRBlLBQUNocZTVfJDb4a337yz/Kxtd/iPT/1GspykcIzq1JwOJmwTGLPaQyWK8ZcNf/7NCYbjQ4PqsnoP4xAzeT5vfa05TmL8gSJrpG0d9BPzMJwTNYZihH2xBzZXgf6I/FUuDbUK+iTFUJ+mGoNmVImrbHcje33plC2bLcjLJeGJHm0uoNiyUFOuUDq7aCVTLSFojQvh1KyqM8VSPfHRDe6gsvPJygM8qlD0SRY72PWbMLtIfa5GZk8GCrh6y0xCevqdLWjGBr+5gBrxpHVVC4+FE1i0WkvgLYvkyDbwr/Wxj43I7wUU5UJziCU1NMk7dQao7kG2kKRZFtIwgTCeok3BmhzrtB8oyR/H1RZJ+V+oUlMPO166CcapJ0h+lKZ6HZXjL35ZCXd66HUTREiUQqTtu1ksvrKRUmaguvmAkSVFVMcQ2ocYv0nT5MUERwmlSZm3IkBd/KYE+FUtOTflPO1pDc+TDT9MV/3VkV/cq57wgUhqNYdnf2RjMwfmnWlFHHc54GGybVuTD9I2BwEVCydoqlN/S41S2WlpHGkWOOjt/Z413IJkB/qdiBJlScWXH7nVp+17hhH1/iu+2a53Boz6xq0xim7o4iVkoalKXxmo8/bFl0u7vZ4fWfATNFivmji6Nq0RXi2IEAxU1M533C5r2Hz4o5HmEh8eRglzBdMzs2YvLA15p1HK8y5Go/PVQFwdZPlosaul7DnpdQdA02BgmGw1vf58KkZ3mj3UfMobJRaaAr82rU+33SizO1+TNHU2B4JfddQ4VIromQIIt5QhVPzC2/s8y2nKnzy9mCK8v/dNY93HnGxNIWX90JWyzq/cUP6i+5vFvDjlKsHHidNh1nX4IXNPuW8v+e3Lm6jKApr7TErVTE0X+/GvLg9FC6FqlApW/SChPetVtkcRDQLYtY9M+Pw6EKRty/brJRN6raKqsCpqsU/eH4HTRUDct3WMQchHzpZYRimPDhrUDJsWv6YY6UadQv64ZhBlLFsqdiaQS/wudaJOVvXOVUVr1PDUfmW4/ejKTp73h790GOtF+PHEZ+6e5e2n9LaS/nSVp+3LJZ5YWvEtQOPxxfLXGgY0xLNmq3xmY0DSqYIxGGU8IHVEsMw4+J+yOmqzvOb3nS9qKsy7flrjxT5iS9tYM64XD3weG5jiKYqnKw5gupvuvTCjO1RQsNWudmL0RQI4ozFwmd45//4Clg65sPL0KwLq0W3JTWk59Hn2M8PlRAID6m5egCNmogXzz9E+jeqMiEBWR/0h2hzJegPSXYHIlp0jXS3QzYIRYz0R9KL49pEL6+LGOgOJOGiKWhH6vJ45SLpbudQJBR0VNMi7XqoyzNk7T5KowqqSvzqOvqppmDqvbxtOYfBJb1AIHW2TmprGCerxBtDrNM14jt9tJXyFPMfbA5I8x2buVAUA3Ak8WLVNYT1UjJlahIJITeNUlkJlUySfU+mN8MQJck7keq2TDmiBKNuS6XBcklMx4GUQKaDkDQn2iqWhmZph+RbLxZBM5JahHQQSl+UY4hpuDyJHytkA5lUKYXDUkTFEu+Imq/NsjBCMY0cNpebYA3xnii6BgVDCi0NDcXO5PVVVQTmJPI+Wf34Ibjq4TrIG+eep3x1NNmjTPgsk8TQBO8/Me1OBOvk/+NDM/0f53VPuPzJue4JF+QGwtRUvutcidY45XfuDPnGo0XKpsMwirnd9TlRs5kvFFgtazy7KbFWU1NJM50jxTqqonCiorE7HjMMU1p+mkeMYxYKGt9yqsKXtsckaUbDUXF0lQuzNi/tjKlYkkK6v2HyniMV7g5G3OiMUXWVJMtYrTrUbI3n7vbFa2HpnKzJQfXEgsnnN3zef6xI0VR4eS/izyyYPLsV8qnbQ8Zxwn0NGy/K6AYjucuvNLm4H9L1Ex6ds3hxO+NIychR7wGf3+zmkxlpPL7ZDXl6yeb+WZdekLJU1FgolOkFKTVbxU+kVTvJ4IvbPucbFkfy8fOjzUoubhQ0RSi7FVPj7z23yzBKuHpgcbMz5ljVpu1rLJXEWLzeCzgz47Ld8+nGIZqpods6aSyehdutEXNVm0/c6tLq+6RximZqmKqKqUKQZNQcnb1RnJdUqrzvqIOj67xt0eRqx+fVvYAXtsa0/Zh/9O4jfOXAZ7UsJuajZYs7/YAv7oQ8Pge2pnB3KCkWSxMf0JV2hKGJV+nhpkPDLnGkCGnWks/FzhtUrUL+C0/lRFXn/MwKv3nrEmfrBv/007c5erTKWndMmGT8wAPNqZhczj/H3cDjvhlZ5QzCTEzOQcpjcw4fXxvSCzPec7QgRZKqwhvtPn4ilQffd1+Fm12h/yZZxg8+UMXRDVQU7gx8HnRUHF2mbNe70oydZBlv+fUr7N7ps/Tj70Q5naeHCnURKP0dMeXmtQAk4dTzkvnDw4hqt394QE0mL5PIc5rKVKU/Qjl7DIYemm2R7fdQZivSJXSrhzaXryZMA8rFqSgIv7KL+ciyFCZ25dDKogS1ViRtDaRMsTuEooMyCqb+mOTm7tRTku71SAehgOHyJuRkvS28l1lXvB95Q7OQaiNJIkWJMFQ6PvYJaWE2T9eJbnRkTdSJyIYR2nJRBJSlkbR9oraPvVDEOVKSjh9DRa1a4nVJxIAf9QLcczNiym0UyRou8fZwCqXL/FgMwjc6YgD2oilnJh2E+TRFJ94eYjw8RzaKpoWSWSDcmfBqC2O1KgZmQyP1IjRb3kcQM2+y0UWtOyLU5lyIhrmxNxQztK6RtgaoVVfi0FEyLVVU0nQqSqf8lonIUJXDCdzkUhURtZ5/iPz3A/Eu2VZeIaDK47U6X71qmgicydu5d/2pue55XIBxnNGwVU5UmpyplTlR0SiaNr9wZZc0g8fmXaIU9r2YiiWroaKpUbY05gsmr+wfcGcgKYeOLz6BnWHIyZrFg3NF5lyLlZLG1QOPuiM/eB84VsDVFT58ukjZEmPqQkFjx/O40ok5WXOIfekL2vdCapbK21fKtP2IqwcewzDhRFUnTWG+IATZL26H+HFK20+5MKPzRmvE+UaBdyzX6YUpt/syUdrz+lRMlbfMC8hspWKzVNQI0zjH1kfULZu1XswrewEPNi2iVH7HRGnGqaqYWxuOwO16QcpKWee+GYNxnHJxd0yUZLzR8uiHHsMwo2SIT+hSK+LnX+9xsu7wvtUa80WTtx2p8B1nq5yuO3z2TneaCBqGCa6tS6lcmBAOQ0qugaIq1EoWjq4R5j4Gt2RRyk2Lb1kqoSrQGYt5dsbReWzepmLamKqOrcmk61jF4EsbPWZdg34YYWuw1k9YLduMoghLUzhd1alZDiulBq1xSpTCpVbIsbLB+RkpdjxXL3N3EKCrGnW7SM1WebAxg6oo7HhDvrDVQVdU9ryEX73+hnh9VMGr94KEP3u6yk+96zSPzjl8y/EKhgq7XkprPMDWDGxN1lbLRY1zdSP30ah8z9kmfpzR9lOOVTQutyVevVDQKJkKlw8i3rZY5d1Hi7z7aAlHl8cqmjb3zVRJMzGhbw7j6eTsv/csdj52k9l3HsnTHLEIlySWVVBJ4r3E4RQ0l0U+2XiEouso5Zp8ozRnDnHuE2hZLHFj6hUxzfqxYP0nPpVJEqZcQLF1FFsjvtuFMCJ55eY0MaSWTPADlGZNCgOjRJgs623pOJp4YHa7Ikr22vlBrU6nHMmulwuHaHpYKgVdkP4NZ7pi0eo2askgWuvJdKQXEK11xSCbiK8k3h5OSxYxVPQTVRRLJ2r7ZEHuYUkzko0BiqaSvMmfAiIq9DkX+9yM+Fe6AUlLgHNpWz4vmS9gvPC1fVmvIZHoaK03fT8mqP8J7E4pmQLDG8XyeasX0CoWye5IItJpilYXrP8EvJf5sRQ1qsph47QjAiEbRTLpSlPxzOznPphpEimbfm2nSaHJise1cyESHorXyffEJDodxyJicqE5KcVE13IC75uMuNOJTPL16ypCmU5d/tBP3Ju4/FFc94QL0AlSXEOh7Q8pGhYrJZ2L+11WKwJXs3WFb16tcLxi8Mk7Y2xN4YGGydOLJq/u+/z+nRHbo4SNYcL2KOXinkfFkgPdUCHO0pz9orNYFOFSNOUuuu2n9IOEnVHIs5sB1zoRlgbvWClSKVsslU3CJOPFHQ9DVajbBmdmXJIsw9YUntvyudzyubQ35LdvHHD1wOPZzTG7nvg3Vis61zo9+kFCa5xSNU0uHYw4W9dxDZVr7YAPrkoCZrFQw1BhxtHZHo15bd/nWNkgSpmSct+5XENXVFxdVhc1y2G5qLFcLNELBFC31vW50Rnz9uUiP/96j5af8itX+zy3OeYTt7r88ENzjOOEJMt4atHhpe0BP/HCDluDkHccrRKmh1MVz4+J/VgOBcSInIQJ+/tiYj3YH6GoCkEgvpTvvq/OubrBIExZKhmslKXPaH0QM4h8nt0a8LG1Ll/aEuDfX3vLPKtVm/VBwufuejRslVEcoipwvl7nZLUs5lZF4UjJxNUVrndCXt4LeHbLx9JUtkZDbE2hNR6gqyoLboV2MGSYHzBLJY03OmOudWI+d3c0/R6wKzZhlHC6KvyLebfKy3tDXm/H4m3RdJpumflClbLpMOMYnKzaLBREIPXDMadrOg1H5fMbvsS7KzrHSjXunynxzFIZLw54++JsDiK0qNtFdEVDRfqtjhTrFE2Fjp/yE2/7Lrb/pxeY++BxzEdXBCKm2zJRGewJm2UkAp00lsmLok5R7JkfkG1tTnuE0LX8MTS5W7at3LegweKsHLRTvHss3Tj5ain1ItTTy+irM9KbM+OizZVyMJrEeLPtttzlW/q0l4c0JdtqSWOzH5Pu9sWrUS+glu1pakibc1HnapI4gqmRNxtF0mEUpcQbA5L9Mcn+eJre0eYKYtCt2zkrBsavt0RMmeJVIUf2gySAFFfHbLoEB2OC7SHGQjEH3okhWGu6hNc6hDc6MtnRFLzLLbJBSDQUgZPk/UuKpQlQzouI7/RRDFUaqFVJSGWBRMGj9T5pKz/4NWUK2FNcIy9TzEFzuTjSF4qkLS8H5mkibuoO6kJVEkY5yC+LcmCcocrbGwUSl5n4mFqdnG6rH4qMCXxu4lt585Wmb8L764dJoUmnkWl8dVTaGx++fhgdipuvwzWZnH5tT/eEyx/FdU+4ABdm5AfscnuIqqgsFmpoCsw5KgsFjYdnSxQNm4dmXR6ds9gcxnhxxjDMuNIOCNOU1jjF1hTO1nT+ywdmuNzyWO/7vLIz4rmtMUtFjUcWigSJwNSe3Qp5bmPIS7sBz97tcWbGpRfEvGVeDrE9L+HPn53h6eUiSyULR1eJ0oyH5ovMugaPz9us9SWVdL5hoykKcwWT840Cl/c9giRjpWzzr17dx4szZl0dQ1V4YWdEzVIpGTbn60J/3R6l7I8HXDqQCVPFVLjYivgzp4osFFRWy+K/eWLe4tN3O7y055FksFy0idOEGUfu5D+3KSA2TVW4sjvkV6+02RwEXNwZ8lcemuHDp6Wo8X9+ZQdTFZPzi7sB4zAhjVMu7g650R7z37xtjiRMBH2uq6i6SpybgfeHIbqto+oqbT9GMzR0Q+O++RKzrknRUFgqanxpc8CXtobse8LL+YajVebcMjsj8XK8ZbHIp2732fNSLu2NqFsKDzYdSqbC89shw1BWa91gRDvw+ditLdJMep+eWLBpjVNe2RmxPYq52Y3ZHafEWcKXd2/TDT2Ol5vMuy5FQ+dIsUTdUvndm20qls7dQcx/+6l1vvV8kzROc4FSoZWD6WxN4VonYmsY8OLuTo7kl8+xrmgsFx2+cnDAb9zo4+g6UQpvXbBpuipl02Bv3CPNMtIso5zD7xYKGneHA37ujQ1+8BNX+Nhai5u9mJYvNNTH5iyGf/W/Y/aDxzG+4WGUU8dQyvl0ZQKZUxXQTTJ/SDYckPU7ZPv7eTni4DAlUnRltB8ncrC0uodNv7YlCaI3hMeCaxPf6cjLl+cASMeRHMY7LREiQUx0vU3a89BW6jlzRNgjybUdkt2RTCqGIWl7hGKbqCUHpWCgzhTEQKrrUHSlRHC2OM2majURGFmQkI1iiRPn05Q3ixPVNcTk6sfTtU1wIIeoc3ZGHiNf+yS7I5JdD6Nui5AB1KqFWbYwm/n7UDTz5FIm0xU/RjU0+XuQjqOCgftQU0oZF4qSRgoS8dh4sZRCRinx9hCilGC9T7o/zs29GsmE8muokmhqj4VjU7VIuwHpwWgqZCZktCyIRTRWLZkKxXG+ihKCr6IpZAcD8dS4xnRKluUpnyxOZVoywfXb5mHHEBwKE8hFa16W+OZU0aQGwLbk+2ficZmsmCaiaLIm8g/73O5dfzquex4X4FS1RmZnLBfr+EnE3rjPatlmre8ziDJOVAp0gxF1u4iqqAyjjLctNPjt23t8x5kK/+8X92i6GpoCM47BsVKD778/RFUkqdHxU1xd5akFk7af0gsz7pvRMFS41QlYrTq0xxGaovDclselfY/3Hi3SCzI+fWeApgh75MXtIXXb4EjFojWWO8TNfsAjJ4qwWmEQZXzuTo+/9dZZnt2SgsfVqkNrLFUDxyoalw9i7p+ZYRj5DCOfumPw2n7AizsZTy7atP2UExXhkQRxhqUrXGpFvHXBRUXhmSWLF3cH1G0V17Doh2N0ReVXru+QpBmXDjza44hqwWQcizn56oHHP70otfbnGg6XWzKR+objVTaHMY6p4eVNzDujkP/muV3Moknsx0RexEzNod4scH1rQBImJGGCVbYY9XyOzBV559EKgzAlTFIut2MebBi861iFmqXiGgozdhFbM/jKwQFHSgZLRY3P3JU7tRe3hRjbcDRqtkovyDhR0TlRrTAMfdYHMUtFjd9b65FkZRqORpRm/PnTDX764jZBknGqprNYKLE/HjAIMyDi9fYm26NUBGQppuULAVdTFS7uDDGLJp+90+XxlSq/dv2AH36gTJjG+Sov5m2LNscrJfw4RFc1dFVjuVjnC9sbALR8Ydbc6Iy50CxyoqKxUNAYRREFw+B6d8SVTkzTUVmtSGnkR28IKfkdK1Ve2xNhPQhT6rbGT66coN2/iDubszTK82K0DXMibpJ7JfodlOosGd2vbvNVVdjrHR4ujar8qetiqpykP+IE+iOyNJVWZ9tCX5WDn6IL6T7ZKJY1ThijVEuotkV8pw9hSnRpWw7Qkg26jtrIW5fjVNY+QNr1hL1iqGh1MbGmB/0pOC7teUQ3uuiDEG2xIv6XttBelUJuYi2ZkGSyNpp1SL2Y1JPPwSSa7JytT+F0APpiIZ9KpHKgq4o0MfuyylJsTfwzgAKk3WAKrku2hkLDTVMYHHpXDhulFewnlgivtlBCSRkRpWg1m2TXIwlidFsn8SIMVyfeCmTdZWt5ckkhHURSQtkey9QlSlFt+TiT/TGqrcn7VBGgnTZXIBvklQGR9CahKaReJO9X3qmkmPnXuD9CWWwcQuV0/dCnEkZf7UWZfO9MIHLl4rRp+rAdWj389xMR7NrybyYCaBKZ/jpc98y5f3Kue8IF0FWVm4MBi4Uaw8jn7iCUfh9T4WY3phuMuNwecraWEaYx99Ud0izl/Udn8OOIH7hQY85xuNnzeHzuLG+0b3OsXGCxUONTd+/SdFVe3gtYKenc7MW8e7lInKU8MQ8VU+XFHY+nlxwebMzwky+uU7cNbvYSNvsB8wWTnVHIxZ0hJ+sOm4OA+aLJb97uUrF0VirSudN0Nd5SNrnd9bnSlgPL0YWvMozEP+PqytTLcncwIsngTN2iF2bc39DY81J6QcrldsT3nl3m0sEuw1DMxMfLTcI05mpnl6cWa7zR7rFaNjFVnZXSHK+3X+cr+x77XkQYJWAiQmZvyDhM6AwCaiWLWdegbuucny3wbScWeb29R5JmvLQzoD8MiQJIwoQHj9W40Rkz7IwZxynXtwZyp6qrxEFM0A8o1hy+/0KeKkFjztXw4owvbAVcPfB4eL7Ag7MupqrRD4VS+/icy89fbtMLEp5YKjIIUx5bEGHjJxF2fvPZDTxURcFQFT5208PUFIIEHpqtcqnVZRj5PNyUtU3BMLjW6ZFk0u+zWHDQVQ1DDVAVlU4gxteTdYfvOlPn2bs9yvnXbqls0bClQXrXSykaCkZRpxempFmKrZtsjYYcK8/ixyHDKOWphSZ74z7fft8se6OYJM1YKmrM2EXuDgcUDHiwUcNQO/y7N7rMF0ySTKB1tYbOu5ZtLhc1vrAF672Av/nYg/T+7x+jcKaOUi0KCTUYCg0X8qLEAUqxIgZcv59HafOD1iwcotlvbchd9vr2IX+lWc9LEstg5ybNzlAmMbZJ2hGDrWrqOTtEUi9K0Z0i3Y2TNTHg1m3xl+RplOhmByWfVKhVSxJIpoFaHB7C0CZdO90xqmsQ3+phrFbyFUcsQqVqicDwIvQ5d5osIhF+i75cImmNp4+l2JqwWVSVpD1GmysQb43kcVWFZHsk748lXh05/FN5XEuXHqOCTnSnj7FcEpGQTxWNE1XxprTG4OoQpSiuQfDq7tTjo1Usxhf3MBquiAdbk8lJxyfeGqHNuTLJGYYoqoracFCilPCNA7RZB4hFvOQTJC1PIIFMXbJIPEiZn6DNl1DMlGRvhDZfIlMlPaXVHLIwFoE5mZT4oXwfTFqjJ8kf0zgUJromXVGQdxWph1UQni9/+sEhv2XC5JnWBqiH/hjbBPdeHPpP23VPuAAH4wEVR2F90MI1LCqWiqVBzXI5U7V5aa/F04vzvLi7wyPNOS7u76GrGnvjMU3HwdUV4iyhZqu8tHeVMImpWgXiLOGZpQX8OOJ6d5fL7YilooxMl4t1WuMB71txOF1rc2FmiZY/4K8+vMAr+z2+vD3mO86W+M2bIx5ounxhY0DDNbjRHrPe93l0Qcr+rrRljLpS0nF1kxM1G0OF37rZ48+dqdIap9RtlS9tj+kF8rF9YbvDiYrEmSXuLIkVL84omRIT3hp1MFQROi/uBlSsCoZqYmsGqqJO1xCObnOls877VhYx1C3+9Wshq1Wb1arN95xt8i8v7XBhVkzAL+8MWSoZjGObv/nYKV5tbfBwY4FZW1ZK4yglHMud2Os7g+l6qN8aYVfs6fOnjlQJk5S35N1KXpzx8GwFPw5ZH4wxNIWTdYeFgsbmMKRo2KRZykpJp24XWSwNmS1AyVB5Zsnl7iDETyK2RwlHyxa6olE0LNrBCEtT0FSF9Z5E4S80+pyouISpFG5eakW8ZV7nbF0EzYONEmES88WdAXOuyulahYNxxGNzBp9aT9BVjb/xWHNqoq1Yspr0k4gTFZth5PPZjQ7LRY0D3+OTd8b8yCMn2fN6hGnCQkGj7Y+41Qu40DBI6wafuTumNU7p+MIc2jNTGnaIa6i0xzHffa5KO8h4dN7Ju7ZktbVadQiTlH/y2jX+0XuPyUG+PAeVxUPREvlkYe4xCD0UTSfrdKVnaGvn8LB6c7He5Alk1bO+I4Ki1ZEkUaOas0mMvANHQ9FV0u02asEiWu9jvf344V32fAPFtVE8n2Qz7yfyxtCoYT7hQrtH0vFFFHQDtMWywNbsCLVWRHEisjhBL5qk40gSNo0S/udvY6xW0ZoF0s4YRZXWZ22hSLwxnCL6FUMj86RpOmmNpYV6YyCrqlZeDZCj9OPtoQDrogQFIdiqJVNEjqWhVvOOoVEsh3/JlNRQlAoxN82EAbNcEvAc5JA7KT3UGi6pF5G0fYyFogii0QTvr6E2HOHfzDry8eyLMXiyGlOrVk7azSCIpRSyYoGdt2vf6aNWLfTlEkq1SHJXmDvpgfhpsE2UOBZ6cJyglAtk/dGhD2XydZ+IjElztD6JMOevN1kDTcTppPl5MkF5c3niZFIz8bxMpjVpCqp2uIa6d/2pue4JF+DSwZgnV+XOvRuMWC6W6IfjqU/gXL3MzqgLQNsfYusKn1gXfL4XBZRMlUeaSAx6HLBc1IjTZPryplvhL93n4icRYRLjxbJGut4dcaFh0PZTXm9vUjJsGk6J5eKQuRNFFgplVisRNVtlqWRxoqJTMSssFzWiFO6bqfCNx2xeb+/RCxPO1uqcqAwlcmzprJZ13jjw2BxkLJZMLE3hk7cH3D/rMgxTiqYwV87P6GwO5P39gfOrpFnGte42rq5iayYXGilR6pNlKVWrjp8MqdsFdFXD1Gxe2R/g6kMhBzcLJGnGt5+qc6w8z4dPe9StAivlOX79xhusDxL+H0+coGJVebABM06Tv/n5q9OvxWqzyJ22jN4nhtwsyoi8iCRKWGi4nKw7aArULIU0gyfnG3hxwMV9Dz/JZKJwEOZ8nTp74z5Fw6aqFQCEDJuvwfa8iFNV+fuaLTCsduBLE/U4Is0y9j0RY08sSBy8aITc7AnG/1IrwlR1qqbLmVpMwylxtbPLE/Ml1gceYRJz30yDMIm5tHdAmLNZHpw1qFkGr+77NJ2EpiPR5zhNOFaRKQ7AkVJM2x/ixSKuSobJz77e4mjFIkhUWuOUdx1x2B4lXGmHLJUMGrbKT7/S4j3Hqnzb6RrHygXa+0PWehG/e/2Aoq0zChNURWH9sfMoj7yH5Jf+DeqZYyhLpyQxpKiSIlJUFLtI5g3ExxBG0O7JYdjuyeFTlymDRGBNaXguF2FxFr5yA6VZm4LFFF0jubkrNNtJCzTAYhO13QPTwDhZlcNy40CMpr9/BeNMXQ5e1xCxsFqXgy5NRUzUbahYMi2yLdRSILHn1mDamhxvDtDPLWAA6BrmuZm8qTkl6eRdP64uTcuGKu3PNTufnGjTtuhk3xNPSpKhuPIrNM2jyfHGQBJRli6CJ5VE0CRWrRQMWRvlbBdtoUi83hdi7TBEsXTSYYhqazDrigCyNHmZa+TRY5lYRNtDDCR2nUYJRqkMfibro7aPoiqY9zWEwGtpIoDy90XAcwKqI5UKArVui8nZNUjbYzRX6hMII1THILPEu5IFCYqaVyUMQpSSgOmUckEESHcgInYyXekPDwsX39xLNIk+p9lhN5Fry/eProkgnqSPJs+XjcNG6VRIvV+vvqJ7E5c/Odc94QI8NlfBT0K8WLwopqpzvNzkVn8PWzcIk5iUjE+ve/zoY3MUDRvocLMbczCO2BwE3OoGPNy0aQcpD81W0RUNLwrx4pA9r4efRNTtIrf6bebdIpfbu/zO2oCFgoatKRR0wcLHaULBMGg6ZapWgfMzfcqmwYmKQdGwcXWLzVGHpUKNhlMizYTfUTTkS/los8EfbO7zQNMlSjNmHJ3X9jyWSgZBDoF7Zsnm9+/6DKKEpxZkjbBS1jlZkSnQ5XaH45UincBjsVDA1g0uH2ygqxorpRn2xn1UFF7Z28nj0QabQyECf+h4gY6fymQGlaudgI2hx4eOhRyvWAxCnzl3liSNmXGajKIumgqzlsHOKGS9O8aydMIowS2Jj0W3dAzX4MFmjXesFKex5WGU8d1HVnhxb4PfujnkgVmbNw4CHpo1eWhWhOLV7oGs0E0nB8f5uLpCyVAxNaEIbw49arZ4V7aGAV6c4UVSM9AaizflRnvMU4s1/DhiEPmkGfTCjEeaJouFKgC/er3N9501WCpUKJo2lw6G3OyN6IVDDBXefbTMX3ngQRr2Ir9x61P0w5g0g5f3OzwyK+mzTuBRMlS6QUTdMnlw1iQlY7FQQ1UU/vGrt/hLF8Q0+9+9sMH7j5W5dBDxzmWXR5pFVEXhSmfEWxbLvG+lwqutAf/opR2uHnhEQUzBlQqHhmvw7z70KNG/+RLa1XUxlhZdaXm2ck5LGovHBaZ3wpNGZ6oluQPujw47adKUrDuUA8zzxVw7WRP5Qf5vEtRxbsQsF8h2DsRXcUwK/pJb+2jHZ8l2DsQ4Wi+j7o5QTF0YJCsVIci281WOqqCdXTxcSXQHZO2+rFSaFTKvhzpTIBsFEi++e0DSGot59pEVlFaXdBiiL5eIVYkFS2onRl0x0BYLxLfkJiWLEuGiJBnGQhFtMRcNuRdFVkYS2Z40IYs3RBeBowowLucKSFv0IBQvzawjAslQSX2bZNJA7SeQZHkX0hilkvNbqhZGmhcxLpdkCrM1EgNvlKDVhfMUXmsLEE9T0I9USXYGUwGmzjp5+iqZljOqeSRaIuMD8frEsaz9+iNZC1VkSqIaas5vsQ65Kv2RQOe6g0OTbRgd8lfSbEpKliddvn8mfpZJymgiViaR6skKSVWFwDwRK29+7D/mS83/+1of4971tV/3hAvicXEMg+vdARdmbOIswU8imk4ZLw754s6QB2dN3nu0wLNbO7x/ZQVV6bBQUEkynZ1hSMVSOVs3MDWdtj+k4yccKRWYdysMo4CqVaAbeNQtm7pd4Eu7PTRF4Se/3OLdR8scKRXoBN5XGYT3xn2qpsnGUKKux8tlfuX6XdZ6IR86Lu/3jtcjSjPGcczL+xvULZuLu2O+/74G/+5Km++/r8mL20PafsKso/HInMu/faPP25ddbA0WCmWGoc9a30dXNdIs49JBzK7XZ7WiE6cpi4UaN7o7FA2bK50tbvYiDFWZslxUReVMrcjRcpR39MSUTYdb/S3etiDTkDCJudwO+Avnz9PxO9i6QUmtsxv63GiP+TNnZnhurSP0W0sjzNH9Yc5teWS+xJkZG02BXpBxsyMU4k+sr5NmYuodRgmPzLnseglHS0Ye/zXYHw9kUqYZzNhFPr/ZpR2kGGpAyZDVmKrC5zd8CqYmEDo/5WzN4Pduj6g7Bv/Xh+tsjQa8uBuyVBRI3ftWKjSdMj/x4k3ef8xlHKVc73ZZKrq0gxFzrsYgTCWh5orH6B++eJGf3vkiN487FE2VCw0DVVG42e/SGqecqdn8xo0+R8sGVCBKMopGzGsHW7y4G1K3VX7/bo+dUcw4Svno9S7vW63g6iaqonKj2+eZpQVOVjr86vU2a12fK7tDLEvn0WM1NgcBpqbwM+97iMUf+TieplB5cBHl7SelKDHNx/PBUCYvqk42HExH9FkuEBRNn5bqEcdixt1ro7iWrINMnXS7i7pQlcdTlenhkw5CFL+D+ugp0q/cFRR/PnlJhyFafyitznECofBX0lGAeao+bRZW/JBkU+LDSttHW67KtEdVUGwTZbkJOy2ZMoyC6ZoFTcE4USVal2LHeL2fM0ukfXlitlVcfdpJpC+XSHoS+1WLEntO98fyZzcQARWlsjKKUpKNgSR+BqGsgGwdZeIZ8WJJE+X/n+W8miQvelTrJkoSkHkZqNnU0yITHJVsEKIUDDErGyqKqhCv91FrtrRLzxXQ6rb4cZA0VJZK0mlqNl4oCF/GlxoAtZ5zb6L/dHKhuBaZF6D4AYprkfY80u2epLEmaaCie1igWS9LI3S1dOhrKRdltTfxv0wSRJN4dBxPRS1wKGDC9DBKPYlCm8ZhbNp1gBC+TlMM5Y9g4qLcm7j8kVz3hAsCFtocSUy4arn0w7FET1UNVzd5dM5hHEe4hsLZWp1+OMaLMqIUOoHQTFcrOmv9GJC47UpJR1c1Pnprg8fnihQNa+pdMbU2Z+vSWnxh1mF/nPDcVp/zMzq3+nv83Osdzs1YPL1YpuGU2Brtsj1K+Nk31nnubp//4oG6tMMbNnUr5u6gAyaslisAvH3ZpeX71Bydu8MB33WuyvFKiWHkczCOOFHVCeKMpqsLkE038eIxF/f3OFurcramc60bc73j8Z1nzGm89nqvjaYoPDEna7W6XSROE3a8Hge+x6xTxI8jOsGYsulwqdXlA0dXaY0HLNYanJ+J6fp9KlaR7VGbbuDxGzc3efpIBS/OpkmFiiUt1+1xRN01qTs680WTy60xKxUbVYGzMw5PLVj89poYguu2QcXWOV0zaNj2dHr1+kGPR5sN/ERWOi/uHXB+Ruf/81KbMzMOv/r6vngB4pT3nJzhoYZBxVK51o353KaPqakYmsLGMOH1g5DVikHHT/nGY3V2vQF3ByMuzNpc78ScrZu0/JRBNJrSk5+YN7E1IddOkCHtb3sfV/7g05xvWERpxplak1f2dmg4Klc7Pm9dsIlS+TcVS+XnL7e4uDvkoTnpZ1kpGzRdnfWcotz2U4aRz3JxBkMdcLWzy5d3Q9Z7AUVDIxyFfP/Dc2iKiMK1rs+Jn/o8L//BHo/+4BmUc6fBrUrk2R/mRsiqiJjIR3EdsIpkME14ZLv7cmcNh8V3RRfiRNY1aYZaScEbT1kpiivli5MJhwgdQ6YYBwOU2YoIg/wOXqBoKWpFIGnoOulOV7D15OWJkzv9NJvWCSQHHmz1pikYtVaURJE3Jt4coC7WIe2RjgKpFdCUfLoRSwpoJOudZFsmGGrVQpt1SLZGqItScqhWLJnanKiKRyWR6YdWt0k0Zdq6rLqSGMqiFK3h5KkhiRxP1kzyTgtELnihKz6VfG0FTLkqSu4cVytWLpg0Sf8syNdBKeiHxtrRpMQxnSL9Mz+Wz6mmwGT9VNAlRTQMSVqedDQtFMVT0xPPSTaKhN+Svy+KoeWR5pQsTlGm3UJqniQyD/0o8NXljJNpygRCN1n7vDll5Pmyfhx6eWFmLnTi/LEmjKA4lrfV/vog/+9df3Kue3MrEEOuqXG8UmLH62Lr8gOXZilNt0zTKTPnlqcHz3Pb+2wOEyqWyvm6Ti+IsTSFuqXSC4Su+pmNgM9vdtgYxqwPPOIs5VonIsngXUccDE1hztW40Qno+THXOgGObtANIt55RHpknt8ecL27x+c2xtzfsLnZkXLFtb7A21r+AF3VeHxulgcb87y81+FSq8tCQaM1TvjQsQpelBEkGVc7fY6VGjy5cIRztQana5UpEMmLAyqmwvl6nZf3O7yyF1C3VN5/zGUUh3R8AeWdqc6wUiozjALiLKUbeCIINJ05t4SuquiqhhdlXOsecKRk5lA2DU3R6Qcepqbz+a0bbI06XOnssTWMeXTO4rm7PZ46WkXVVZmehALs6+VgOddQWKnYjKOEOUflqQWLxUKNdx5xpFgyTXnfUYddT37BTiYQ981UaPkD+uGYOEtYKen0gowzMw6fuH7AStXhwbkiR+suPV9Mq8JSgYWCxomqybuWbTp+SpJ/AzzSNPHjiGudmO1RwlovomKpqKrCqarB2VqBB2YdHpw1OFKs4ScZNcvA0hQ+fv2AW/1bbA4COr6s+fw4Ys61qFkGrq4QJBkLBR1NUdj1Ej59rcV7V6vsexFPLNjsjGK6QcJq1WapbPHQrEGQpFzc3+O5LR8/yfiDOz3eaI34wtV9Th2pYmsKFUvBMTRmXYN0ELL6YBnz7SdEsExAclkq3pb+3uGaSNXBdFFsJ7+7LuR3u/kV5y3RYSR+BlWFxVnSsURglWpp6ldKDwQjn0UJ4ZfuSJdORZ5Pbu1P78TTYYh6dI4s90Ok7bG0EQ/CQ7qq55N5gdzJvykSq82V0I7PStLIMciGY5LbLQD0IyLujfsXUB1DxE2Y5jA3Sf9ocxJrNk5UBd62L6uldBAS3+kzvnm4XgIxz6pViRAnOfdFKRjSEVS3CTti0AVkUjN9Pwt5LYCet0NrhEPpaNKXSyIQopQkB8kptnQYpfn0R5srCPU2NwYrlk7a9ony9ZA0RKvSGG1raIvFKahPrVooqjo1+yqWLpMdTRHvSsESURmnObk3Qa2401RV2vdlsqWrMhmbGGQ9X742k2TQZKWjqodTlQmELv2PVj4ToJyuHa4fJ4JIVafTNoruoSncD8H8Oq2KvlZq7h/BxObeJdc94QKEScz5+jJeHPD8doCKgq3J2mcY+oJcd6ucrzfx4pBrnYimq3KzGzOMMkxNJUgyVBUajsbzmx432kKe7fkxv3atz2/eOuDyvseZusVS0cWLJMVjairr/YCnFh22hgG/erVPzRbw3VJR40o7pmLr3OoFJFnG8ZoUHm6PUv7nV7b4J69uCGbeKrFUlHXEzV7M+kDMl2dqZR5tNjhVLTKMAvrhGFVR83SQQtGwOV1doOFIkmbOVfnAMYfH51xcXaFiOsy6JosFi5Y/wI8jlot1ioaNrqp4cTg1IoP8cPtJxrFShX4oKyNbM7g72KFqiwH14n7Ip9Z9fuF1iRDveSnPrFQomhqOqXGy5sj/GypFU2NnFHIwTri8Lx1OSSaeFZmoRHznmSrvOFLEUGUlo6sqe+M+fhKyPx6gonCrF+BFIUGS8uXdgPY4plowqdgamqJgannJoqWw1otRFYVBHtlUFZWHmzaLRZ26paCrGr9zp8/pms7TS3U0ReFGN2JzmKAqKl4cUDVdbE2ZppUutwO2Rwk/84ET/NwbG5yZEQ9S3S7ylYMDRnHIV1o+JVNlfZAQJFLdcLMXc3K+yHuPFPlzp8t8fsMjTDIWCzqmpnK2pvObNwe8fiBvP8ng7z27w507XcadMWePVjk/6+IaCpamECYp//y972fri1vMftsplDNnwC4LBTfJixLHXWl59gOyJCbb2SW7e0NEzcRv8ObDx3XEqDs5tNIU2j3UI83DaGy5mGPjRWCotSLG6Tr60ZoUMiaZHNCGJp1Fealfsj0k82OiO7LS0ReKYrrd7h525+Stw1mOl8/8ML9Tt6BeQSkXZGpjW6SjgPTuQR6ltaYiIGmPZfITJdLf03BQ58pC6g1iMakCmRdhLxQwH5jNpySxmGfbPkbe5Dxd6+T+FKNyyC9RZ/MJj6aKV6ViTQVOFiXYR8qkOS13wosxc8Bd2s1FkaVNJzTaXGFapgigNVx5X43cPGtLKaPelGbpZNebroQkDZVPYCbeElWVz8fOQCi+SYa+OpN7YKS5ejJ9EbDcm0SDbX41ZwUOJyoTXstkyjKpgZiIkcnzkynNRMR0B/L1nYiXydud1AQUXYi/Xubcr5WaK0/3rq/9uvdZBBzd4Fp3m+VinZqtEmfygzCJ/t7q77HjddkYthlGPu8+YuMaClujmF6Q8sySzTuWmvSCLE+hROwMQ2Zdg/V+wFLJ4oXNAX/t0TrvXK5QNGwqlsKdXigHZsHk4dkZMXvOuXT8lPV+zMt7IUmW4eoK1zoxp+sOc67G04slLrcCvulEgfW+TzfwuN7dAmB3nFKz5Mt6tTMUY3GWUTTEuzOMAlRF4UavnWPfh6iKwrxb5UZvl9cPIiqmwws7I+bdKqdrC6gomJrOSlF+ga4PWlzp7E8nNqqiUjYd/DjiRrfPhZkaZdNh3nXpBh43eju0/AFdv0/TLXO6qrPvRWgq7Hshn7rdx1AVxnHKB07Up03SRVMjTFLqtiE8mDjlfKOAayjcHYzYG/d5pClfo/vqDh0/pWzqU2Ozqkjqph0Il6cX+lzcjwiTjGNVi7/26Cz7o4hxnFI0NUqmSiWH1q2UdJ5eLHOqJjHzIImZczWe3RTOz3N3e1RMm7Y/pGKprFYMjpVltbg5jAlzMXd3OGClpNMaJ3zH6eP0wzH31XW+4ViB7zy9wFqvT8USc/axiqx97vQC/vHLba60I64cjPnuc1Uu7std99GKRdHU8JOMMJHp0FJJgIS/t9bjnUdsBntDCrMFnrlvTqZJJV0qGgyFk1WD6i/9NktPL6OdW5ZJi6rKdGXyS1XVJQKtqoJwh8P10KQ80Q/znpk3pT6OLR6yOiYHYatzeCjlsdZkX7wKadsnfH1XUkoTL4itkbTHKLMVsr22FC7uCRMl8yJZO/VHgOD5sSXiTNER7ksci5jxA0kUdQekez057HOirrranHboKKpCOggxTtbQj9ZIvRitYqFoCuFLmyKUkmzasqwt5s93g0PRsy3clMyLSPY9Ab/lvVmATH7qApojyaZrpLQXiDhABJGWM1kyPyFL08MkUV6UqNiSVEpa4+kkKF7riUAxNLS6jbZYOKw1aDiodZtkeyhrK1uMwZPHS3syCUr9BKVkos26OdPGlRLIuiPrpeE4b5f285STjlp1pzwVpVzI488iWKewuQnZduJTgcOk0cTf4oeHXhnbOvSwTMo54XAaMwHZTYy9E+z/1ylVdO/6k3PdEy6Aq1scLzfph2OeWpD0RjsYTQ/mqlVge9SnYZe4f+YIu17K7V7CQ7MmFxoGZ2p17gwOWCnpOX015j2rFa4eeDi6Ss2WMsYohYZTwtR0HmhUeMuCw9GyFBM2nBJ+nFGzxV9Rt8W4ueslvG3RQVMVmq7GiYpOmMb82VNFXF0hSeFad58wiZl1pC+o4Wj88AOnWC2L10NXVYqGzbxbpWq5lE2H09UZgZolEZ++u8bzOy3afspDsya9cMx9MwauIaue45Um826VHa+HrmrEmXQwfWF7N4+MH66NgiRjcyQpDFVR8ZOIomETJjEtf8jtfovlos37jrok+e+bp4+UuHIw5r4ZC1dXePdR+YW1WnU4WXdo+xGrVYenlks8vWSxPki4kq9pvDibrqgsXSFIYm70dtHzu7O6Leu7yfXQrIGpKTRsmZJdaBZ4oOlyombzSNOgZJi8Y2kegOvdEcdKNQA+txlSs1Uey6sWTE0e/+W9gIqlTtc+e2OP7VGSCzoI4owXtn1+8ukP84tXbvKxWx5NV+dgHHGte8BCweFEpcmn7g7zFFNCL0hY2xtyaW/EQ003b+DOcA2FCw2Dh2YN0kzKNf/DtS6X9z1udMaslC2MHNJ3f7PA25ddKYm0RZCt9xP+q8e+g9EXNmXNUC1BsSGfmMiHcR9in2zQO0yDFF2ollFmZ3IgWM5WmZBwJ5HWMIKt/bxMz5yi/SkXZaKia1PfinF6VqYmwxDzXJNku4fWFADbJGYbv7GNYhpoK3XMCwsiIEBw92Pp81EKBul+D7VgSZooZ74A8rY18VOoeRdU1u5Do0q6tifvYygTD32pLJ09ByOJC3sR8a4nK6MglnVKL5gKFiU38moLUicgSZ5UVj6BGF7TvG05aY9JO5I8Ul39q7wvEw9Osu+R+QnhpX3SXiCljKNDSm/Sk4ZkWauJgFNsbToJUl0DpaCTtH2yUSxvO81ylo0mkxUvRq3YKJoiK6VuQJpPhLSKRbI1Iu0GGKfq07WPokvbdLI7AlVFa+Yfr22STYzab36arA/94BBAN7kmQgOY7twn5u7J5GbyOBPPkmnklQGS0JquIye8l8nffZ2ue6uiPznXPXMu0AlGzLpl5t0qe16P9WGP09VZWuMBVcul6ZTRFTVnl6g0HJXXD0Ju98XgOgjbvLDtc7xiUDRVxnHK6/tj2uOYH3hghtf2Zc0TxBm/f3eLuiUHSc1SOd4s8eKOx47X5WxdZ3OY8EjT4Eo7phdmvHXewtVNFlwfTYGL+yFPLZTohT6tccr5WVk7LRdtiobNE/MWN3sRqrKJrqh0gjHrA4/L7YgPHqviJxE3e3s8Pnecywcb/NbagJ18NP1XH15AVRRe2uvS8VOWCj5eHGKqGt3Qo2rJBGWlNMOXdrZ56/wsYRIzTHxMVSfNUp6Yn2MY+awPD7g7CBhGGTVLpWLJD+yXdns81iyhKgqnZxyiJGOtK1Op692I+YJOzVL59jP/X/b+O0qy+zzPRZ+dd+3aFbs69/REDAaDnAEmkWIWg2RFWxIleVGSbdFBtu+xl6+Wj2nfcyXbZylTVr6mZFqiLImURIoixQyCJECkAQYYTJ5BT+eurly7dt73j29X1UCi7GMxmLbxw6rV04Vd1VXV1fX79ve97/NW6QYpcwURHtq6QjdISTPoBQlDhdyRA9ueR90yuanW4IldyWZq+V1hvdgazZGEFr6uVuFKt8dSUcc1VZIMbmmYNAoaXpRysFRnc9jG1gyOlOdQlSaDyM9t4BKaudaPOVzWuVw0eXRbghofWKjixxHd0OdweYaNwS4fe6FFy0/4G0ervOfJJsbWeaIU/taNdVRFYWMwwPNT1gdDTtSEOXOpI79z19R48EidekHngUWHMJGf6egqzVHC+U5MkMD2IOTSWoeX3zRHwVC50vH5t494WCWLQZjQKKg4ukqQpKgK3D5rk334/RRftox2dB6lOjMR4AJStIzb8OPNwQ9grk42yrUZjRrs7k+tqbutaUBesw2pA/UK6bk10US4AojDNMg6A/R7j8p156+KMLZehu0+aXs0GUNkXox+xxLBF9bQFouiu/BisT7XbZSaS7bbFWcNkNUTMj8WnP6YC+OHqLMV0cHECYquoZRlbKVWrMn1WRCTbOYRBJYuotvmaKpfycm3+qJLsjOULoihMh6OqpXcwpwXKmOCb9oPheuSByMqhkq8OZSwwiBBWy1OU5qDRDotQSzZRrnrSLF0krYEIGZRIkXO5kBcUK5JujcijSK5TSIBi2magaGiuibR+Raqo0+6P5kf549XI94aoLpmzpyRCIFkb4TSHqEUc4FvnJKlqbxeeRdNcQzSricjMVOf8ls8H8LcUu9KoTjhsVxfnMTxtKAlBxeWc/KyN5rao68vYGA6khp38yZk3QSGX5+gxZc4Lt8466WOC6CrGrZuTDQbZdMgTpPJWXuaZVStIs1Rn7OtTXa9hLqtMZPn1lztxRyrmWx5Ke9/vs2NMwWSTMYdV3sxozglTDKiNOPp3YBL3ZjPbgRoCnhxgKaIpqZk2NzWqODoCotFjYatcmtjDlURq3U/TDleE23Kn172uKle5m8crdIoSI6NrRnUbZdvWl5AVRQ+tT7gU9d8ojTjB246QNUqYqryAfDYzmU+cLHLK5YtfuDmCq9eLVK3izzT7LIxSFjrRZOOSUqGisIL/X38JKLlD3EM0ZG4pk2aZbmIuULZLODoJgtOlbaf8ptP77HiFjjg1umFHidq4tZqFOSs7omtPmGScbymc6RiMO+odMOUKM1YLUvycd1W6Yciev7MtRELRZ075yzOtiJW3DJrPTk7jdOUiqUyCIUOa+kKUZrSClLuWygQJnLd3fMFTtZdNAX6YUbZlKTsMI2FaOz3afoDGnYJXdVYcCq85dAqJVNl3tFoFMSq3Y9SLF1hx+vTCiQp+oW+ZDKtljTqtsYnrvV4w5EqHwwucaKuY+sG255HP8o4teuzNUz49LrPjicuJD9OqRd0vvWYy80zJr1cK5BkMIhS0izjub0Ri47KI1fbaIbGIxf3+dRzu2x0fY7VCqzUCnzbDRUutGVMCHBmP+Y7Zu4j+NKGCGUbNUl+Dj3JJEpjsFwU00GpVOUPY0w9nRBNEylaxoXNGNM+7rjUK3LMdhO1YEyTfU1DEp9bI9l0tpvgFKQTYhpoK1WS5gjzxkauqaiAK1oNRVOIrnQnRUu8NSB87JoQXisW+uEK2mxOkPVjGQ9dLxbVpTORhTHpjpB7x6Mt0c8k1zlmVCkiHCPnmAwn3Jak6aGUTKw75jBvm0UtmRI9EKXCP8kZLJPwwbxDMx4TiejXEaaLpUlXZRBN9C0Yqoh1OwH6oisupyjBPF6Tgs4TtopSMqXwWOvlbigV/7mmPI6826JWLNAU9MOVSeGlGCrx7pAk587oKyUpRCyNdBShFqVzk0X5iE9TpONi5V2i/kjAc7omomZTxjmKqYs4dky3tUWEPNG42HnRMw7Z9OUkaWJtHotsxxj/cSBjmk4DFlVlOhKyrSn237HlNiX3q74nvLS+sdfXvHD5qZ/6KRRF4cd//Mcn12VZxrvf/W6WlpYoFAq8+tWv5rnnnnvR7YIg4B/8g39Ao9GgWCzy9re/nfX19Rcd0263ecc73kGlUqFSqfCOd7yDTqfz3/0Y0yzDiwLSTIIWj+SpuHXbnTBVvDiYXPeq5UVev1rjcFmnYqq8YqnEaknj1PaAUZRSsXRJdDZU/DjjrnmbbhBP3EAVS6UXJHTDlA9d7lMv6LzQ38fUdGzNoKAbHCqbrJYc/DjM9SJVXrFUph+m6KrGRj/AiwNMTadqFfEiIauWzQK7XpdOEGFrCg8sWBwuyxlQJxjy5N6AtX7Chy553LdgcbI+z4naEm89fASAx7d9Hlw0MTWFp5v7xGnChc4Oa4MulqYTJDFplnKkXENXNMIkph1IMXNt0MbSTKpWET8O6UcZBV3jbHvII9t78jrHKR97oYWuapyo6QyihHMtL4fgaRiqQnOUYmkKlgaDKONw2eZ4zWDOUVko6ux5Mc/tR7imSpwXJuc7I860WnSDlNWSoPR3vYRukFG3BCq41vdYKpbYHspr1RylnKjr0k2zzDyfSP4keqGHrRusuGJ/Xx+0qFoGNUulaBh8aVPO7Nd6MefbMV4kxdLDmyFelKEpsNYLeW5vxLcdmeXja0PeqS7xG6e3+feP7vKpF/oMwoRr3YBhmOSp3CpLRZ2los7x6gyvO3CAIM7wk4xdL+F8O+LhDR9NhQ+cbxONRPNhOAbfdNMsdcfkllmbkw2Hiqny6bUe/+7RPf70ssc/veubCX/7j7Dumke990aU2SV584ceeB2yYUe4LbFP1u1M2/xz9Wk7PhfBvsgJIn9A8rXVlc2kWoLjh8h6Q7Jufjac3196ZUs2N09cQjQ7UmwY4k5RSmbOVMl/hqGJiHelhFp10BqOjLlgkhwtuhYpyNUlGXWkzT7pRptks5dv6CPpElRLYvH1grzjIERZrVYgOL2XazukQNIawpyRkYtOlruKsmE8sRsnO0OMYzVURye62EFbFBFs5sUyqsrty2rdFsEx5GMbC23OmUDqtNmCCGxNlXi9L1oSTQqH8YhILRlSJOUOJX9L0p31PGl6HIYITGIEwrP7E9fRWLuj5GGK5J2XLKcHZ0Es46A0m5B8My9CrRWkwPPjvEuVTLODxoXJmMcyfk9cL8j1RlPXl2NPAxjHnZXr30djrcz46/Wi3XzcOPl+3BHUvz7n3y+Nir5x1tf0N/7YY4/xa7/2a9x2220vuv7f//t/z8/8zM/wnve8h8cee4yFhQVe//rX0+/3J8f8+I//OB/84Ad5//vfz8MPP8xgMOCtb30rSTJ1sHzv934vp06d4qMf/Sgf/ehHOXXqFO94xzv+ux/njO3iGBZhnoC71t+nEwiu/Wx7l4bt0iiUaBRKE86LrorV9sHFEk/uSjFwctZhtmjQDYTlMuuYvG7V5pHNEaamEKUZi65BksGhssGTOwFhkqGpChuDhM9tdNj2OlTNfDylanhxyLbX4Wq/TTsYUTJVNocD3nlbjRW3Tt0uUreKhGnMWr+JrRnseAELjsPRis4N1SrHawv0whHbnkcQZ9w7X+Pv3rbMAwtL2JrBxe4OvXDEF7e2OFE3qVkOMwWdL20HfOyFEWdb8ny2hyGWpiNZRSmuIWdZhqrwQq+Pn2QEicQZuKaNF2fMFg0+vzHiD8916Ucy6tkexvzhhR5bw4S7F0rcvVDi+f2QXS/FNRVKhqRqC1w043ObQz5zbcT5dsTGIOaBRRtbl9fsU9faHK3o7HjiwNn1Uh7a8IlSJgnat8+aORk547PrbRoFjT0v5M45G00Rl5Br2gRJzMOb2zzT7PLodsDPPXkVLw741LVd/vBim4sdn0PlIs/sjXjb8RkWixr13AFWsRTSLKNiCpivG2bcOmvzZ3/jHfyrL1zl01c7/L9ba6yWDb7pYJW9YYSpqZzaGfDAorBpumHKoYpGN0z53KbkYb3mwFFWXMlk+sTVHp++uM+pPG7i5kM1ZmeLfPOROgcrFj94a51BlDHr6CQZaIpCwVD5Z/cco/JHfyZv9iMrKOWyOIQ0XaBzmQhqs2GfbGxh9UZToaWu504idSq4HFNP4cW21YEnPJX1HRTTQJkpTVDvWZQKT8UPia52BW42GMm4pC8izcyLXhQ2qM2XRM/hCblXm3HQji9g3rmIWi+IJmY05Ywkl/eILu6LyHSmKJ2QooxLlEaF4PNXSNoSvKjkQli1YgmYbd4RgFzTk25LJP9v/HjSQQiaQnh2H0xV8nrSTDD/jiHdFE2ouNqcI8VBkkl68+aQeGswQf9nfkzSFHEtSUb0fEsyjfJxUtz2USxNyLe5gDiLUikack6MvViUrlSedzQeA2WBdF60vGBKW75kE6nqJBV6HB2QRSlx/thU1xTXVV86IBIRIK4grSYsHUVVUIrWVKA9FtiOl66/OAhxvNLsxW6iNJVu3Vho6wdS3Ez0K3lHZayLGQMMB15eJCVTZ9FgajH/Wq6XXEXfOOtr9ioOBgO+7/u+j1//9V+nVqtNrs+yjJ/7uZ/jJ37iJ/j2b/92brnlFn7rt34Lz/P4nd/5HQC63S6/+Zu/yU//9E/zute9jjvvvJP3ve99nD59mk984hMAPP/883z0ox/lN37jN3jwwQd58MEH+fVf/3U+/OEPc+7cuS/7mP6qpSkmhir257PtTbaGI2xdxkVLxRKuaWNpDqqiEiaxMEJQJvoHQ1OoWwpJmuHmZ1XbQ9kYvThjFCfcOCNalDtmTRaLuc1RU9gehHzHsRp+Ald7US781BnzVQTrnzFXcDjfjvnzqyL+PFmfp2wWWHaXsXU5AxMgXMrNMw1MTSdKhfWyPmjR8gesuCVcU+HUXoen9mSk8fjuOhc7PufaOxws2SyXpItydn+Ea2okacbuKGV9kLA1THF0k2eaXcpmgabfJ0xEPzLvWBwsldkcigulF4641g242BoxCBOWSyZP7kbseAm3NEzO7A1ZcTVO1E1uqJnc0jC5sWbhRRm3zRZ46NoQW1OwdIUVV+NAyeBlS4Ler9sqr1q2WXbFMn60UuTlSw4PLhZYLWm8drXArpdwom5wolbF0S0OlWfRFDha1Xl6LyTJIEhi1voxf3q1y59e2efxnYhHNkfsehJmeP+izZnWDnfMOrztSInHtn02hkNWyzpNL2IQZhiqwoorjqZlV2PHk8ygi52IT73Q5xPXPsEoTvmmg1Wu9WOe2PZ4eK3LKE4wNYWf+qZFmn7KmeaIYZRiawqOrjAIM7a9DrpislSs4ZoqmiIbx/KMw4JrcstckQXXpJWHOLqGyrKrUTIUzrYjBmHCd91Y5Y7Tu3ifu4ZxbAZlbkG4LeNLlooVeiy6HVtWx5vHWKQLsuG0ulN7qjeSjaNRlettC8ou2Sgi3epMN7V83KQ1HJTZCviyyeI6E3eOUszdKUmGWrbJchR/stkj2RvJxp1mE5x82hIxaepFefaPdE7UkinumkWxX6etkXQwfHkM+qIrI5eZkghhW764gdo+iqHJGGXRRV8ti5MpkvtO9jxGGwOSnVwjE8poRmsU8M+3pHPhyeuS5d0iJe+CqHU7Fx5L0KE2WyDZ9VAMdVI8iaZFE1dQyUCvWBPtC5oImZMdT7oeYztykgnobzwmG4QTW3TcGpF0A1RHYgvGBRxpKl2UkiljuSUXfak4KYjUoiWjoWEg0LvidR02TZEi0Q8lFbrrvbh4Gac5j63ycTK1Q4+v83w5dmxzvt6ZNi5uJuMkf1owj4W8Y8bLmNgMEEX/XZ/3L63/+dfXrHB517vexVve8hZe97rXvej6K1eusL29zRve8IbJdZZl8U3f9E184QtfAOCJJ54giqIXHbO0tMQtt9wyOeaLX/wilUqF+++/f3LMAw88QKVSmRzzF1cQBPR6vRddAIbxgCSLidMEU9Pxk0xC70KPNMsIk5g4DbF1m5RswkIxVZ19f0A3SEkyWOsF1As6bz5cwjXE5VI2ddZyKFVrFNEcJdiawmJRJUwy/vl9wo9J04w3HSrgRRlf2Nrlg5e2adgl4jTBNWxUReVwRWe5ZLDWT9j1esRpyjCSLs0g8llwqnhxQJymqCg0CgKiA9j1YvZGfR5caLDWjzlQMomzlOPVGU7UiszYDo5hsVyUNvxbjggXZdbROVmXwMajVZ1n9/vMORofv7bBJ6/5fPLaPofLFWzdJExibM1gEPmc2uvQDWJ+8NZZHlgqctusTclQCOKMT68NOFYvYKjSWdkdpXhRxp9eGfDRKwN6YcQNdRtbMzhRMzhYtjhR10lTePsNFVZLDcqmw2pJcp7awQhd0dgfCcitbOq8Ykm6QVtelz9f6/KhyxssFjWSLONoVWcQpex6KYfKAn27fdbgNSslfuBkndet1lksqtxQLeIaMoobxRGrZZMPnO/z5G7IE1t9nt4d8bErXf7V59f50nbALz3V4tT2gF9/3dv5vhNz3L1Q5KMvdLh3qcSXNnokqeieXpEza37ivuPseClRkrFasfkbRyXN+2hF5+VLZVzDxtRsCnqRq70YU1M4Me9SsXVmHZOrHZ8kzXjTYZeibhIkGbamsOWlrPdC7lhw+fE7vpv933wC83AVjq2KrqU0J5vFWJSbxCiFIkqjJhvEODvmequpqkxEtsSJgObGRck45bdRFd1DyUaddcVCHUZke12i83soy43J7bWDDWjUJJnZi2Q0sd+TkU+1RPDYFpmfkOwM0Zdc0V6kGdGpdZLtvnQdIO8AiOYiixKU+arYeaui4Ui9GK1WIIsSoov7aAslktaI+MIuyeaAtB/mo50INcf8SwBhJt2YPNhQX3Ipv+oA1h1zomUxpSgJ13rYNwkmYJwTlPXzMVJzJEVZ7oAaj8GyJEObczBvm8U4XBENTEWYMoqlo6girtUPV8iiVEZFrmhk1NkCyfpAOj2DkOB8S8i2uZtJWyqiqCp6vSB6mxxuF1/ukuyNUBtOXkglk4Ip9RO0mnTEslBcVRIP4EiB5odSRBUMGZP5YjlPvWjCYhmDAnEKU3vz2BIPU63TmJpbLcl7bCzsvj5VfNxpUdUpnTmO5XYwdRnpuhxnTTk5X8ulonxVLi+tr3x9TQqX97///Tz55JP81E/91F/6f9vb2wDMz8+/6Pr5+fnJ/9ve3sY0zRd1ar7cMXNzc3/p/ufm5ibH/MX1Uz/1UxM9TKVS4cCBAwB0g9GkGDlWmeeGqouualRNh83hAD+JSLKYNItFTxKH6KrKxsBjtlDi5IyBpsB3Hi/zAyfn+fOrAzRVkovbQSQQtUHIlY7P03sh8464alp+hB9HXOpG3DZbIEphxdV4bFscRM80m7T8IWWzwMVOD0eXcdODiybtYETLH7A5aJNmGbqicaa1zgcvbbM76nKp12GuUOae+QVWSw2OVcsUdIPfPb/D8apoVS51dyegvY3hkDCJudYfoqsaf3p5wP0LJq9frdENM5qjhK1hgqUpnG5GfORSD0OFT6/1uNLrTiISGoUSP//UVR7f9nn1aokky1h2NW6bLXBDTZcQyjmH4zULLxZGzUYvoBtm1G2NB5eLeFHGrQ1pM9uaianqHHBreHGGayg4uknDdnENnUvdGNnTpHjsRyFpltINxLL9+E7EzXWDs62AhzcDmqMUR1c4Xi3gmgrdMOFwWcPRVZ5rDUnJiNOEIIGnmwNcw+ZCt8XjOxFeLFqOT1zpoKkKaz2fgq5ialKESmfJ4tv+5A/5uSc22B5K5+pSW6IKXFNjuWSx0Qu4Y97ludYGa/2YiqVSMRUe2xngjTUtI4+WP6A52uMLW2cAuGWuyCBM2Mv1Fa9ZLfKtN1S4eabKZzeGXOnFXOnFvGLJ5OaGzQMLFtEv/wrFZRfj/sMolRkJUIxzMWQcwqhH1t2TzosuKP0JP8N1pjkxMBVgTnJmpLjJWj05rtmRIqZamtxeWZhBma1gnFyY3DYd5nbZTk+szWmGOlOUrklRWB6qm2/yQYJimxhH6rJh5lA2RVXzLoKEAqbDALUm0LnMD8HzSfcG6CsltJUqasnEuGVJIHYHqhMmi2KoIoa1dLEHGyrxlS5Zkk0Q+cAE6Z/lBY2iqiStEYW7FqToavmSbTQIiZqeuHXycEWh4orzKNkaip25aJC0fJKWj1a3cwBdCnmhIoJc+T2rVSsPb0zEju3oDDcGGHP5pp6PcLIknXSNMFTCi22S9mgyFiNKJy4qck4MSYaxWp4UK2lrhDaG7fnxxA6d+THJrtwOTQHHRpvN3yetrsQ5jEdDeSzEi7onX465Mi5Sxh2bcZHjB9Nu3hg65xRE/H29xqqXo/7V//U1Lv/hP/wHDh8+jG3b3H333Xzuc5/7K4/9wAc+wOtf/3pmZ2cpl8s8+OCDfOxjH3vRMe9973tRFOUvXXzf/2s9vq/3+qr/xq9du8Y/+kf/iPe9733Ytv1XHvcXw6ayLPtvBlD9xWO+3PH/tfv5F//iX9DtdieXa9euATBbKBGnKZvDNs1Rn0PlWbw4oOnLH8bV3h6aouPH8kd4sr5Mo1BipmDwqWstXEOnUdC4ZWaGli8W2bVuQJJBxdRYLVu84ZDL4arN7bMmjm5yqRuzUDSJs0RcQAj340CpyP2LU5y6Fwc8ubvDQtHE1HSOV3XW+kJInXPKLBQrxGnCs/v7PLot9uMz+yEb/YSNYXciPC6bBb607XHPvHRsKmaBg6UZ4bKkCUGccak7ZGuY0A1HvO1oiaJh8Hyrx8YgYceTUchnr3m0/IT7llzuXzC5Z9HlbCvmTKvFxU6Ps+1Nzu2LIHPF1Vgt6RgavNALiBLo+Akfv9LlI5c6/OqpJr/65A6zRYNbGwYPLhY4UTNYKlocLleYcyq4hoWfRAwiH0tTqFgqp/c3CNMEXVE5WtFZcBwOlWdZKJp4UUY3TDhYLnGll3CiprMzSnndqsPVTkA3SHl0O6QVhARxRttP2fHErdMoqFzrB+z73oSa+0Kvz/uf79EPRZ/z9I68J15xoMKsY7JcsqgXdOaKOi8/UOHJ7T6n17u4psYNVQPX0IQ8XDIJkxRbV5gtGrRGMZ9Y89kdxsLjyWB3lLLWT9gYJHSDlKu9IX/2whoX2jHPN0eTDoumwnfdUOGuuRon6y6/+swWh8oah8s6r1iy+cJWyJsPLfKjR99I2g2wX3cMVuahtiJdltCToiVLxU0Ux2RxSDZG/I9tprYlm8nYYjy2QOu6bDT1MvQkDTrzQ9GxdAa5DVaXDajVk01yuzMZJylWnp1zbU+CAh2DbBiIQ0VVQNcwb26glGyMo1WSza7Ybg0NfVnO1OP1voQ1mno+Isr/ZnZb0kXpeFJkDCPSnR7qXIXkBcH+Z36IOlNGmy+RtH3irQGjJ+VkJ+uH0gGqC/MkaY0jB+RrdLE9Gf+ojiHjnqIhcQF1e5IcnTQ9siAh2ZHXNN4cSAfEFfBesjkgWRc6bfjMnhB4VUVs2UV5TmlHRj0kYqGO13qoVSkqSjfUUOu2FC+agpYHQcbrffxrPRlTGbkINx8PZWk6tW1X5LM53h0SrfVyAKCWZxuJu2gSX2BoJO08yFJVZUQ11kJNxjzpi8MTx9qV3mCqS7l+BDlOfQ6vG/OM7dJOYWp7vl4I3upKB2b8/rzehfR1WEoO2/xKLn+dkMXf+73f48d//Mf5iZ/4CZ566ile+cpX8uY3v5m1tbUve/xDDz3E61//ej7ykY/wxBNP8JrXvIa3ve1tPPXUUy86rlwus7W19aLLf23P/kZaX3WOyxNPPMHu7i5333335LokSXjooYd4z3veM9GfbG9vs7i4ODlmd3d30oVZWFggDEPa7faLui67u7u87GUvmxyzs7Pzl37+3t7eX+rmjJdlWVhfpq1oqDaqJu6dQeTTHPWp2y6Oa9EJhtRtl1HsE6cpl7si1q1YLitunY3BNk/t+txQ0xnkrfcDFYskk7ybT17zuXuhwNGKQ8VSWSq69MIRK67GiqtxrDKPF8tGeqxS59n9feq2yh2zVeYKZTaHHaJ0wMYgJM1gzlH54IUux2cKrLgtdEXjXHvA4bLNn1za482HSzRHKa89MMOcU2F90OLaoM+lnP3x9F6UxwIMeXBRRJ9rfY/mKMU1VT75Qh8vdjk5Y3Cx47NY1Kh5CsdrOiXDpBskjOKUomHzp5c9jlZNdryEpp+y6yX4CXzfyRqPbvl0w5RukHGoonFTvcy5do+75y2WXJ3Htjxao4iF2SK2LnZnLwpxDBVHj9jrBXiRjD4OlIr4SUSjoHFmP+RE3WBz2OZaP5TOiuZRtYosOFX2vF1sTaEXesK0ANI045HtgFGc8uyez5WOz2deULh7scT9iyZXehFr/ZiarVIyVVp+PkaqaARxRsXSaI0iWn7Maw7VuNgSRk/F0jhUMTBUky9sDOkGMd9ybIYrHR9TUzhU0TlUcfGijMd2Ag6UJHPpl5/c59a5IqMo5W1HHR7elILY0iBIYNmVD+KtoeRhPdsJefuxEo6h8MkXRnzy7B6bw4Co7/Pg4iLbgw3mHZdukFI2Hd5yyOKBy0Oy5ocxX3YE5ehhCU0cL00XSu6gKfqWrV3ZFMaalrGOZTwCGpNPe4Npi37s7sjb+opjTTQHWddDKckHYOaHMAxkLGFEKC0hvWoH6jCKUBwbTVWmwYpejNIbkjRHaA2km2Dpcv/jDpCWW35zLQahiE1JMnEezZcmG2I6iqb5Ov0QtSJdhmStJRt+oyC26oolQtm8exE+18yBcjGKa+Jd7lBYdkXHMl8Ue7StM3psC/N4nbQfTroiat0mBZQkk05KEE+yjBRLF61OkuWkYJ14EGIcq5KOMf2qMoHDKba4kEQwm/NbOsFEy6I2CiTrUlhqJVNGTHmnZGyLjnc8tDy4MW710VdKxOt9tEaBaK0nxRGgNiQZO+0EkhXl6CgFAxUEynellecrjchssSkr1wtoJzDCWAoMz89dadm0aLEteR+NoyDiWDp84yLF81+cLK2qU7s9SFfPNqexAmkG/4uPX37mZ36Gd77znfzwD/8wAD/3cz/Hxz72MX75l3/5y041fu7nfu5F3//kT/4kf/zHf8yHPvQh7rzzzsn1iqKwsLDwNX3sX6v1Ve+4vPa1r+X06dOcOnVqcrnnnnv4vu/7Pk6dOsWRI0dYWFjg4x//+OQ2YRjy2c9+dlKU3H333RiG8aJjtra2ePbZZyfHPPjgg3S7Xb70pS9Njnn00UfpdruTY/6friQLKZkOuiro+hV3biKQLZsFTFWSnmcKdXRVZRAFjGIfP45YLOp4ccYXt0J+5eldPr3u85oVm28/XmJ9kDBXUGnYKqamc8vMPEvFKmmWcfNMhRuqxckoaMFxeGK3ya+camKocLx6iMvdXc61e3hRxiDKcE2F/3JuwIJrMl9QeXK3TZoJu+Ri1+d7b6rgmgp3ztmUTTkDHUQ+B0tl4cIUVAxVoRtK8OKXtrfw4pAVt8BySeNz6x6rFZszTZ+ff7zJx64IB2bHS1gslplzKnzzQZcky2j7CWeaQ/pRyl1zJo6u8KplmxVXo2ar3D5n4Roqhiqp1aqicP/CAjfWyqyWdF53yOWf3z/LO2+t8rbDVV574BCNgsaVbkySZSw6DkGSkWQi9N33Q9Is40RdRluOblKxVFbLOlGSTRxhNVs2/Y1BzGJRHDq/f7bNp652eHazxxObPb7teI2CofLZtQ4/91iTh17o4kUZZ/ZjmqOES92YxaLKrpfSHKX8zRNlPn+lzcuXXcqWhBSGSUrF1mkHGU/tjPjHdy/w1qMVTu0MeN0hl6KpcbUrdF9Dg9saJpau8KkXBty3VOKGus3bjopNPc2kO7U1iLjYGnFqL2SxqPPMns/ZVsSVzog7ZxscLJU5VDG4/0idh9ZH/MG5Lv/gk89TLxisDxJqtsbFTo92MIIwovehC8JrKc8JITcOpVAxHUhiKErKN3N1lJWFac7MWDTpjQTx3xIX08SCOmZw7LamxNOyOyGnKjMl0UV4AZkfi7X4xJKMgXJa7QT/v9aSzojnk44ilJU5sk5/YknO/ETO/MOIdG2PZL0jRU/OMFEsXcYgYYp6ZGF6hl52xSmTBwNm7YFoZfKOSrzeJzy1K/qP3BWk1m3sexfR5osi7s3HQuFGnzQvQtSaLaMeVRUr9KIL0VSMm0WiNcn6AqqTi4aSO3q0+amlW8BxGSoMIYMAAQAASURBVMZccQKnA8jSDH1esPtJa4RiaehLbk7LFcGu1ihIOGLOnkFTMI7XydKchLvnoc0WpIuTC3fHwYuMOzu2jpbrXVIvIm1K6rVS1CXJOkpJ26Mc7ieW6LQ1Qq1IrlIWxMLFGTvPxsnO49DDMdPFD6QAGY8ax6PEsUPt+tHSeLw0tkmPOyu2lXdilBcLxuHF//4arq/mqOgvai2DIPiyPzMMQ5544okX6T0B3vCGN/yVWs6/uNI0pd/vU6/XX3T9YDDg4MGDrKys8Na3vvUvdWS+kddXvXAplUrccsstL7oUi0VmZma45ZZbJkyXn/zJn+SDH/wgzz77LD/0Qz+E4zh87/d+LwCVSoV3vvOd/NN/+k/55Cc/yVNPPcX3f//3c+utt07EvjfddBNvetOb+JEf+REeeeQRHnnkEX7kR36Et771rdx4443/XY85zbOJ4jTF1gpoqk7LH2CoBr1wxKHyCrqq5RZgm92RfJCXzQKnmyH7o5iKqfCmw0XuaBikmXQKOn5CyVS4e26RuUKZq7091vr7ArtTVD55rcfGsM3V3h4XOqJveO2hKg9vhpzaO8+Vni/heLrCTXWbM/sxgzChNYp4fHvE8apsFIYKDyzMcqhUk86pInlLg8jH0c2c+itFxA1VnUVHCphXrxxi2+uIVThnj5zeHXD7XIEbc+dKmGTM5rC49cE+FzsRr1l1cU2N1bJN3VJ5uhkx76icbUesD5KxbpKSqXDbbAFHt9jx+mwPO1zu9llxCxytGLR8Gducaw/40s4afpJRMuXGYRpzpGJxpCIRCaLzUzhSmeOp3RG6KsJjVQHHUAjTGNewKJsOa/2pZf5DF3vsD+RDYalWIAkTfvPJbfa8iIIu8QzNns+cI/k/H7ncJ0rB0hWOVnQqlspPPbLLXQcqgs43JYyxoEt35qOXWhypWfzSqR2+/dghCrpKlELdUnlqV7RKlzoxzVHKIEy52B6hqeKU2hqmPL4TcXp3QD9MuWve5s1HSlzp+Dy+E0y0UV1fRoHP7XexNYXb5wpcbI/oBjHXej4b/YBBmBKlqXS8hjX8j5yl/B0nUZaOSHCibspYKH+vk8bSdclSFN0EzZymLpfdqa4FpgVNsyNn0+OujB9OA+/GTpqlhlhpXQfFsVBXZzGO1KYZM2lK2vTkrDvvpoxt0IohG1+83hdLb56UbByfnbpe6jYMPIHOzUvHcKwZwSnIRusFpDsy0kn3JKcn7YcTrYdaMtEPltHmHCkkZh2xPEcp0cW2pCEH4vIBsI7WKK6WpMPTla5Q0pRRlFq3SZqeWJnzMczYVo2pkkWpCF/9OH+eU75LlmToB8uSBJ0X3GOXUxaJ1Vp1jMnYKItSkp0hydZQHD5+TBYk6KtlGbd5kYiVNZVsEE3GVPqKPPakNSLJM68UVSVpSqxB2g3Q54py/DgNuzkSinDbl7iBlo9aMlAbDkrNFWDdYh1lXFR4I3kf1CtTW/wYzz8uJse257FdesxrqZan1miYxkmMC52xePf6kdD4/fR1xP5/NQuXAwcOvEhv+eU6JwDNZpMkSf6rmtD/1vrpn/5phsMh3/3d3z257sSJE7z3ve/lT/7kT/jd3/1dbNvm5S9/ORcuXPhrvjpf3/U/BPn/z/7ZP2M0GvFjP/ZjtNtt7r//fv78z/+cUqk0OeZnf/Zn0XWd7/7u72Y0GvHa176W9773vWja9M37n//zf+Yf/sN/OKlG3/72t/Oe97znr/WYTM0mSELiLMSPRjQKVdIsZsGp4ieia9gY7DDv1BhEPiWzzI7XpGKpHCwbDCLpDvhRRs1WWOvHHKkYbA1Tdkc9dkceG4OEM/tDXn+wwFo/wdKEIfORqy1evVKkbrl8aadJlMrG3RylXOmlPLoxwDU1XFPD1BTumndIsoyyWaAVDOkGKb1wxMfXuqyWNFIyWv6Ac+0BN89U+NOrTU7UdT6/IRbnjX7A4apNzV7DNXS2hiIQ3fMiXn6gwseudHnlgTJeLEF+rqnyq89ssedFJGnGiqtzz7zBlc6InVGKpcFn14MJBXe5bFKxdA6XXXphRC/cy0FqAYMoxU9C5goVoMvJOiwUTUZxxKVuwsm6RS+MMdSEQZQyigeoChwsl9j3Bzzd3BaAXziSjkqQ0o8yvEgcYnOFMofKA/7w/IC1XsBG1yfKw/n20gzd1knChP29Iaqmots6tZLFuz91Dd3WMTSxHd81Z/DwZsAHzjZRFYUfu2uGQZjhGCp3uBr9SOeha0NMTeEf3H6SC51NeuGIOxeKbAzkd/vdN7pcaMd85FKHH7hlhg9f6nHrbJETdflAvtqL825VmYql4Cew6yXcNufgJxldP+ZKx2enOSRKZ/CTjM+tDxmECa6pUbEsZh0T19TY8lIudEbMFDS2f/rPiYOElR94UAoW07lO05JCwZXvhy2ywJuKG8dnt3EsnZrr0e1pMoWC5STUrDdE0TWyYQB+OB3n5BtSttFEcR2S3SFKe4R66yGyq5uoDYe0JUGJSTdAM1Wh6KYplItoFYtsGAtmvzlCLUkhqtZcyTVarpENPMH4uw7gSbDi+o6IaU11IohFU9BvXCDdaUticsvPoXOCuVdsnbQbYByrkXYDks2BMFksneDKPpqhiXA1F45qjYKMd7YGUjBoysQyneaakOhSZyLG1RZdAbkFeTFtqCLA7cqoJeqHUjz0Q/SSKa4gS5/YrjNfXDzR1gC9XpiMjLIoRSuZJHsexuGqFDRJJtqWRt75sjSxWweJjKXGlOA0k85QNyBp+egrrnRvbC0vfBSSrnTL9INl0k4wGRERpVN9i+dPRzauIx2W6wuTwUhGRuNxz5jhEkb5uCfv1vnh9L1mm3L8mMg87gCOs4vGeUhji/T4Pv8nW9euXaNcLk++/3IShuvXX0cTCvC7v/u7vPvd7+aP//iPX2RmeeCBB3jggQcm37/85S/nrrvu4hd/8Rf5hV/4hf+nT+N/2Pq6FC6f+cxnXvS9oii8+93v5t3vfvdfeRvbtvnFX/xFfvEXf/GvPKZer/O+973vK358hmrT9tu4ZhFN0UkzDxWVME1Is5Rn969xvLrIgdIiw0jYJfujFlVLxhkv9CKO1UzOtmNKhsK8I92NrWGKH2eYmghqz7VCCrrKR6941Ao6hio025vrBtvDkOPVEifrPnXb5bGdHf7ofBvX1CgYKncvyGb29iMNPrveEu5Lv8tS0cU1Y/7jc3uc3pXN4B/fM8vOyKdiKvzWmV1unzX57Wc73DJXFKJrN+OVyzZn9iPuW9AxVIVPrY24fb5IL0g4XBX+zKKjcqJu8eRuyCuWCzyxo9INEgaRiFpftlTETzI54c7gWL2AqQkOX1MUzrYiGgWVfiTuoYGf8dHLPb7/ZJWn9/aoWAon6+6ESrxYVLnWD7mhKm4JR4czrQHHqjZ+HKIpCl6Uoinwxa0RDy4WgFiIunmApGM4XO0lnNoZ0Ov4aKYUurWSRXcUUTA1+l7EymKJraaHZenyeE2NsqXLMbrKv/z0Bt6+R22pzLvummVrmHKybjGIYh7fCXl2z8M1NE42ivRDj0ahxJnWDiVD5d55AeIdrczRHG1z65xLc5Rw53yRXS8mSDK0SDKXvrAZcLgiwDgvStkaRJzeHfL9t9T58IUh3daIesPhQMniU9eGrPV83n5DnYev9blz3qJRUPnS1ojtQUiSZiy7OltneywcL0mhEflyUVT5GuROjNAD3URJY7IonPIySCb6FaU2S9beE53CGP41HhHZpigLbBPFD4Tv0RqieCKyzTrSUSGM0BZKsoENPJKtAfpyiUxTJoJadb4mac4dHyXcknHHXFFIurY+RfLHovtI93uCvb+yL46gcbFkG2gLMt5QHUNovJ5skmNqrTZXJMuBdcn6QISnOx6ZJ3wUtW5Psn2MuSJqycQ/30J3DPxdj8KJGREFqwrJeh/1uLTf1UaBtDkibo2IRzK2tA9VJuj/zI/RD1cInmui2jqKqqDNFyeCW2HFjGT8EqUTUm4KosVxDPTVMuFzzcnnluqahBt9SNsyLksyyVkqCjdF0qRVtFlHxMGagnm4TjoI0Q+Widf7EEohqhiKFDLNkbihcgZN2vInuhrFMUhaI1RHHqPWYCrgHjNYQH7XcTItRkKBB2La0rWrlqZfuc52HyfSsQkj6ciV3SnnRVVlbDnuwkyuN75u4tyvBkBufPtyufyiwuWvWo1GA03T/lJ35XpN6F+1fu/3fo93vvOd/P7v//5fwpL8pcelqtx7773/03RcXsL4AUEywjEs0iwmyWJ01SQlRVUUHtrYpxdGnGmtk6QxFzs7nGkNqFguqqISJRmjWOy3N9d1ohS+sBXy2LbPPfMm986beFHIHY0id85Z3L9ocqhiULdU3rBaoeVLLo9jKJzvbOEaNqf2djmYixsrtsZPvuIGKpaMIE43OwB88Nw+//lMl3NtIdCe2fMYxSnfcWMdS1c4UTNojlJevmRzx2yVV6+WOL8/YmcYcd+Sy2qpzK0NgyCJaQcpgzDB0RXunLOoFwy+uN7laFXnsZ0QVYG1fsLF9oiLrRH3L5g8vRfiGAqHyzoX2wHXeiHzRbGFn9nzWOv5PL494t8+ssND14Y8sRNw/0KNH729hqEpnG8HvO+5Fh99oYutmQzCjIqpsTVMeHS7T9OXcMjz7ZjnWz6OYfGHFwbseilXejGn9zxGcUw/zPjkNZ85pywAwdY1vChjuWRhOAZZmlFvOLziQIXVaoGTjSLff88S7375Ej/+yhXeddcsYZJhGhp7e0MGOwM+d3qbyIu4/cQs/9crF3jF0gK3zRSI04SzrQhLU1jrigD3sc0ef/bCNR7a2GKtn3BrQ8jIDyzMcrW3R8VSuXPO4skdj/V+SNnS+OjlDl/YHHKm6dENYn7t1N4kwXqjH/CWY1U+cXVAZ99jecHlxrrD+860+djlNkmacbiscf+yywvdgPVBwlrXJ0xSNFXh393xRsozOo3XHkSpLUkOkaJKwRIMyOJQRLn59+TZVZO2+5izoaoSA9Dp52OhQAqhMBI3EUwSlqlXJNBQU6TrApNOQXKtNRH6phtN6YIszaGWCmS5aDe5vEey2UNdnSXeHKDNuiT7nohJ1/uoM2UZoQwDtGNz0k2pl6UYMQ0ZLdgm6WYLGlXU+bJYectF4cJ0+vJvVRFkvR8TXexIlo+hos07xK1RXmAkMqoJpJCJtwakcYpaMrGPViefGYqtgyE6FzUf02RJirFSwpopYM050tVJMnECaVIYaHlmkTYOcXSlSNLmZZNXDA19tSw03Rd6oiUZSsdwTPLV8iIpi1KMhiNFVw6mG4+c9IPlid4m3hyg2proWdJMRkA7HvqcvD7pIIQoycW2edJ1XvSMR1ZjXZCiKcS7Q+HhtH3SnZ50TsZBiTCl3o7zhsYC3nFnJk2lQBl3bsaFx5iOOyYxj9+TY1Iz5FoX+0V2fIZfL3Lu198ObZomd99994v0ngAf//jH/6tazt/93d/lh37oh/id3/kd3vKWt/w3f06WZZw6depFhplv5PVSOjRgaBaGaucQupA4TSkaLoZu0iiorLoVdFXjyb2LbAxCgiTj6eZVgkScKMdrFk/vjjBUm5MzOpc6McNQ5fGdkFevOKyWZnImRx9b0/j2Yyucae1QtRzOtoeUDIVdL8FQ4ZzX4nitQpjE/B/3zwJwtr3H7z3fYqvpCX0TiIOYU60RzzeHfOuNDV57uCJ5N5bCguOy7w+I0ow5x+CJ3Q51W6Viybjpixt9jld1ll2HNMtYdn3+oONTLwiMrTWKePXBCkcrs5xubjKIMlQFXnuwzNlWgBdnfMcNZc61fZ7cE7fNP7l7gfec2mHWMfk/7pvj33xhi1nH5AdvneWx7SGfXevyY7cfpGKGnG0POVwxWesGXO0E+Mshlq4wiFLmHI1DZZP9UUSUZnx2rcPFksWVboxrapxvB9w6a7NaFkz+hU7MiZrOs/vrpFnKw5s+672QPS/CtXW6YYKpqhImedMiT+01ef3qYUzNomqKK029XeFz6x4bjoGpKdw653KipnPn7AyuYRGmCZ0wZNdL+NjlLtv9gIKp8bJlhx+6uYEXB3zkiscbD0kHoTlKOVQS2nDFkqDN77ihzNl2zLKrcbhc56FrHq88UObDF1sEQcx/eX6fv3WyIYTlOGOt5+NUCyy4Jk9s9sjSjLmyxffcVB+bZFjrBdwxXxDCcZaRpBnxf/kApmtiHKpIUWLYol9RVDAdlHHHBcjarSmJdIxPH9tZt5uyuYxpqE5hStaNr8uQGZ8N2xbqjauwuSf/VlWolohPX5NNd28wYaIQRqT7gpk3jtcnFl38kLQbEF3cJ77SpfA9d6DttgDQl0synpmtSDdFFXFult9Gqwusjd6QZKsrZFhVJRtGKHM1KcDKLunFHdRGLoruBNJhsXXM43X0JXeSOJ12A0lxbhRQ+yH64QrJjnQ0tXmHLMize/KiQXF0km4w6eyQZCLKrevT551kUhTkbiUtfxxJy5fn4kXSXZktCMLfNvNi0EDxIoLnmkSDCHvZJfZjnKUiyd5IAhrrhYndecxdAcTh1A1QKhap56M5hhRj/XAi8NXnHYHQVSziLenM6IvyWqhVa8qTyTOStIolYEE/lu7UpPBQp8Ga4yJY1+S1r1emXZUxn8V1pmOeNJ2yXNJMujHXj4LGjiSQ+7et6Xsv5yv9r7r+yT/5J7zjHe/gnnvu4cEHH+TXfu3XWFtb4+/+3b8LCOZjY2OD3/7t3wakaPmBH/gBfv7nf54HHnhg0q0pFApUKhUA/vW//tc88MAD3HDDDfR6PX7hF36BU6dO8Uu/9Ev/Y57kf+d6qXAByFKSLCabiHQT+mGPgm5TsVRc06YXjritsUrd2ufJvTYfvTrkeE1na5jyZ5fazDoGz+757HgGmqJwsT3i/iU5q1rr79MolLhvwcHRLc60dnB0FdewOVKx6IURRwoWD214vP1IA9ew8ZWIupXyM09sc6xWoOlFpHE6KVwURUHNw8Ue25TAvr9/VwPHUPn8ZgfHUHjoWp9LnZDVsslbDjXoRxmDMKXlmNK12O9yz7zJH5zr0/Jj0b5Uinz+Wpf/35uPoyoKJ+oGO17CvKPhGipNP+X3z/VIsoz7F4tc6YwIk5TnWkNWyzZhkrLgVJh19rl7weFtR5aI0g1Obw/YHLa53A241E0YhAlvPlKWEUksr7uhQt1WGUQxs47Jl7Y9Vss2rZGMT/7enXXOtoQ+XLelA+UaCrc2qqgoPLzVYrGocXY/odX1cy5GRsFQuaOxTKMwy8HyEpqik2QxC8UqAN9SrPKKpRFxmpBmGa5hUzIdFEWlFwzY9va51BGH0LWdAeWqwORua1TwooBfebrNO2+V+4rSDC/OiLOEQ2WTP70ywNZV/CTj5UsFNgYhtzcaHKn0+dMrA954pMalts+Zpsf5dsB80WAYpfS9iNiPueuWBs9s9rEsnZONIjdUDZ7cDXhub0RBV3F0he1hiGto3DpXZO03n0J3DFhdzM9IPQHLjUW5pTkY9SD1pq1215HNJc3PBsdFzPrO1AEybtOnClRrU3HumIgK0zPlOJavnf4EqqYeXYBmm6Q5gmZbBJ/dIA8DTCabopHTYu2XLQvafxCStcX+nEUpWacvolnTmFiXteWa6HASIbZOrMJJV7ovzY68F/a6YGgSIph3OOJ1sQeng5DBx69SuG1WOjqOLtj9NEV3DJKmdIAUxyBrehIJ4JqMntzGOi5wPGNRgGxpTvlNNgeTx530Q9S6jb7oSvcot29nuSMp7QYkXoSxUiI615ZiJ+++hGf35TU0NHRHEP/6IJKCp2igBolYveu2PBcvEgdT3RbBbZJNmDZJU2IDxt0lfUWiD8Y0YK1uE28OpcAqmTIWs3VUV4ooomTyO9WXy8TXuih7XZRKNO2epKnoW6qlaZEyKTLCaVfPtuT3Nlef6l7Gx44puaoyHVG+6H7iF3//dVhfDfLtX+f23/M938P+/j7/5t/8G7a2trjlllv4yEc+wsGDBwFx3F7PdPnVX/1V4jjmXe96F+9617sm1//gD/4g733vewHodDr86I/+KNvb21QqFe68804eeugh7rvvvq/o+X291kuFCxCkIW4mHZcwiSftvH7ocWNtns9vbnH3XANdMTlUXmQQBZSMEX6ScagsZxumpk6+jqKEgq7xxoM19kYD6sUiZbNAmMQ8tbePpSl0g5hjlSy3X9fZHnY5XBY3k6NbXBu0Od+O+X/ds8iKW+eDT26SZRmWa5GECXZBNouTDYe1bsB3nahzvhPT8RPeeKjA2VbMj95epxukfGk74Olmm7af8tTOkAeWiux4CV9c7xGlVUZxyn1LJVZKJqd2fb7zpgZP7Ha5qR5wvi38lB0v4bF+yImazmKxSMUUXH+SwuGq4PsHYcIbDjk8t9/k79xe41I34kJnF9dUuXupzDCKONuKCJOU+xasSTpz209ZLclG8tmNPo2CShCLEPabVl0utkO2h+HELSQ6x4yn9yK2BhEv9Hb49mMVGrbKYzsBSQrpuBhyDJZLFmWzRJj4xFmIrbnoqknFmiFJZTy4OWxztLICMOm8hXE8sWJXLJU/u9xFURXeefssjq6gKyo/+DvP8VPfeoyWn3LzTJU4TalZCZ9Y26dREFfQv3rwGINI7POGGtEJhlzuBtw7b1GxJJvoaM3GUIWM/PHLbebKFmHRJEiYFKthknK1F/H07oiKpbE9TLjai6nkOp3fuu1eHtn8AideU0dZPiAf6lkKcU8KmNCTLoyiTj/sx0CwcWdl4KEcOUDW6k7PpDf3ZBSQFyOTnKIcOkfZFd2L78m/dS1Htiti43WlW5PsDtEONcAboZYKqHUbbbFCst6RkdFaa2LxTfwYJT/TV1QFxTanm6ytoVzbk43UdeRxVEuow4C0PUKblc5X2g/RDs6TNfuQa2VUxyBtjUi2huiHKzlNVvD39s0NCSNE2CmZkZLm7pq0E8h4J0pJ04zoUkeCGQ1NOkaqQhbEhM0RZqMghcNsQZxGY4vy+kCCE9s+1nKJ4EoX63BFBMiOgaqpJFtDtDkHxbZI+yHRFRH6aislvNN7mGUZO2lzklytagpKySDrRwRn9zEPyxk1aSaC35XShACsHyyTNEci5m16E9CePgbm9cNcrFua3MeEgdMNcu2LhuJoZGlKfLWDceTFFluxMwfgFnK3z7jIsEW3cn2nZAySG99mTMUdC3HHYYpjtstYCHz9KClMvn6jIr7ydOe/buHzYz/2Y/zYj/3Yl/1/42JkvP6ipvTLrZ/92Z/lZ3/2Z/9aj+UbYb2kcUHswwCaIrwWVRHuyvPtTep2hbcePk6aZVzsbpBkMUvFKt984AZeubTCvKNRL+gsl0wKhpwBh0nGGw+7/MGFfVQFzrY79MIRnWA4OSO/2ktyu7LFs/s7nO94Ms7VTH7hqRf408se33HsIG9YfT0Vq8Ldx+rcfKjG998yy6FGkSCIOVy1ObXVZxQnfGatL5ZmVeFweZYTdZ1/8/ltLnVjXn3AJkozXr9a4YGlIifqBkmacbLh4OiKPHZd5UJL4Gz9MKVmqXx+0xOHzWyNtX5CmkGQZERJRsVSuXuuyr2LDg8uWqyWdL7tWJFTeyHdMOV0M2RjkPDZ9YBdL+G+JYdfe7rNRy9J63/XSzla1QkS+JNLfVqBT5qlnN7zWCxq/LtHd3jvM3v83pkWgzDhaK1AN0hxDCkMX+iGPL414FDF4O55i4tdn10voevHrPWk26KoCgVT4523NNBVEy/28KKAMPUJYo8w8QkSjyj1OVQWEFOU+vSCAYNQQIStYEBzlLLWjxlFKTO1Aq6hsOMlfN+HzqDqKgtFk5tnqpMPtrEj7Ln9kB+8ucLZ9i5plpFmGbc1GvhJxJGKRZBkDMKMM02fnaGAAYdRynLJYrcXsFqx+PPLHfyuEHNXyiZbw5QHl4sMooRZx6TtJ5xsOBR0jWxtjXIJ7APlKRU3jaVgiXwZGwGZP5jmFI25LH4wQapnYTTVFoxFlnECuy0R3TY7cqY8trs2O9P8mTGTwy2QbPZE8zJXhzQV8urCDLgOyWZXRg55xo12cnniyklbvoQKNiWIMF7vE51vEl2SAE+1IMJbteKQ7ffBLZBe20WZrYhFOkxRZyvS1RiIxVeyjARUF+94ubsnQZ0Vp45Wt8n6IaqtoZZyYa8fk0TJxMqcNoVpgqqIYyfXuagVS2ILxqh8TwqFZG80cQZpsw6Ka6AtuVjLUhhYq6IV0mo2WSKCXMUVXVaaj53UkknU8gnOt9ALOrEXkWwOxSlkaPLvYSzdFteUMVqYTqzb0VpXcpXqMn7SajYYKvrhep7DJAj/cedHsfVJV0Z1cu4LyPN0DCksVQW1YEg0QBxPCwq4DuOvTnks4+Jk7CIaF83Xgw7jZHo7mBYtuibvv+sL7HFe1tiO/3VaL6VDf+OslzouQJplBEmIqcnLUTRc2n6HeadMc9SZwNyk8IioWELS/dzmOjfVK6yWh6z15EM3STPuXhC781sPl3hmf8QgTDlRC1lx6/jJDuc7MW85PMO1QYsL7Zindn2O1SzuX7BIs5R7Fmy+eWWFP19bQ1c1SmaZ5ZLFKBLs/puPlPmNfsAgTHjwQIXZosnJus7DGyPumLMZRD4X2jELrkmUghdl/JezHZoHRUNSt2wOlmPqtpUXUhon6zqDyCTJHC62Q9b6MU9sD/m+kxUGUcDVjuTyGKrJnKPxxa2Q2xs9jtcMqpYxCVcEeHov5IaqwdM7QpN905Eqp3ZGvHzF5VUHSnzsSpeyVeJ0M+JEXeebDrjMFRz8JOJwtYBr6PhxyrvunqdmqVzoxFga/NH5NjfOOHSDOBekZtwyVyTNEraHMXtexJWOT7s1QtVVktw2bOsGXtzDiwMcXUTYKQJmGgMAL3c3afo+98ytYOsG59tbAGwOgjEXjNmiwd4wou2n/OajmyiqwtvuWsLWDFzDJk4TOqMev/Vcm2895vLYjpB9Zx2TR7Y7vGqpQZgIYE8HKpYUui9fcdAUeL4V8fHLbUxNIfZjTm+LHuWWI3UKhti0HV1BU2DWMTm9O+DVByt5wQrR585TP1rBumsBCtXpeCjXumT9dr7pOmT97l/eANa25N/NtmwY5aJsLq4zIZwqYxidrpG2hqLpMFTB/je7gu3PuyCKIZ0dZXaGbDx2ynUQSslErblkXQ9tqQyePxGGJs0R9suXQVVItgYTjolxuDLZ1LMoRS1Jro+2rIv7pTDItSkCRssisWUr1jB3zqi5dVmw9Wlf2DFqbn/GjEg9yUNK82Rl63hdxLvrfckzavmkbR9tsUg2jKRjk0pBpBoWhRMzsulXLeHBeJE8/n4eVJg7diDPPxrre6KUNEgm3Q+tIT/TmK1iNApETekq6I7BYHNA9b5F4rWeFFCGaHkwVKIrXYHH5Ru62MK1ieYl3hqgm2Xhr4AIofcGqI4OebhjqirEV7poS+60qEuyif5GLRgCC7T1qXD2+oJkPMIZj43G1ubxMZ3+lH47FvL2BhO32uT+dD2nOQN5940wkuMHXv7/lemI86X1v816qfwDdrwuti4bj60V2Bjs8NjOBrqiTUZHg8jnlpkD6KrG1rDFmdYGN9bKHCrP8jdvrHLLrMNbj5a5bdbmwYU6b1gt049CvCglSkFXNVzT5khljpN1i7lCmYOlGeYcjQeWCrz50AyqorJQrFKxFDaHbZIM/uOZS2wMdji9O6RW0BlEGb/x9B5eZ8R6e8QDSwXeeDDvdAQx9y/U+C/nm1zoRDy4XOLeeZN5R/KSarZKo6DiGhaLRY37F+ZxDZVlV6PtCyX2s2sSEPnYlscbD5f486sev3deNDyDKOGRjT4X2yGnd0X8e6kT4xo2aSYZQfOOxp1zFnfNubz2YIm7F0vct1BgtmjyquUK/Sjl3qUSRys6az3RIriGksP/DN52uMLnN0eoikLFFGHrsqvx/L4A2c7te3zzwRKmpvLgSpnVksaVbsiNdekajeKUYp7DouWQvIZdwo8jeqGEaV7sbNMJhuiqmQdYbvPo9oAr3ZiWP6Q56hNnKXt+wNYwpR+mXGj5nNsbstvy+LPLPVRdpV6xuW1WspTCJMbRLXRFyLq/8YzobWYdk04g3ZReOKITCs+nYZdQFWj5Yu++0ksYRSlxlFAvGJiuaD5cW8+hgzGGKuLrraFohAZhQt1S87BHjcHTu7LB1PNxgaYLITcvyBVbCvBsNJymQI9b7q4jG8EYNjfwZER0/XgojuW+Tdmw1LkKykxJRlmej2KbYjXOOzBJNyC+1CS79IKg+VtduLgGnk/my1m4UsxDEV0HtWphHJ/FfuXKhDeizReFbVLUxZnTD6fOmrHA9NquFDxtf5KvA6AvuSRnNqS48CUFegx0049UpMCoWCR7I8LnmjKucQUkp807gtPfGRKv96Wz0Q8hzbDumkcbi15dQ8Zc/VAAb60RyW4OecsDD1NPaMGKpZF0Bdef+TL2HAtfsyhFdU1xEUWpjHEaBbpf2CRuS3ET5/A6q2wK9K5RkNfEi+Rn5EGKyY5HNown2pXoXEu0Rfljis61ic41BQbY8Yhf6JHlDJh4SwjD6qxEBKgVa6IZIskkITpIUIvyfCYxEeOi1A/Idts5qFCZjobGOqhycRobMXYajcMS88gI+eXpUzEvTIugsfNonBANU1Lv13j9jwxZfGm9eL3UcQFmCi6marM93OeJ3SvcVK9M8nGqlsMn1i5zol7F1gp0gh6NQomq5XCmtUFz1KdsFnj7EWkTP7ff5UKnA4hQszlKCZOURqGEqqhULWm9Prm3zoLjslpyePcX1tEUeHInYK7oYWsKp5tdXuiGhEnKWu8qbz5SYd5RsXSFOEqo5mTb9UHC5zfa3NKw+a4b6sRpyiuWLZ7ei9joizPn3nmTf3jnAeIsYa5Q5mJ3h9P7ERVrD4AvbXosuCafXevQ7QUcqy/wukMudUvlzYeLdIOUz1zzuHXWYa0XcqxmMusIVbYbZjyy3ZnYrxu2ykzB4LnWkH6UcfOMycYgZLWkse97rJZ0ntsP6UcZ33GDy3oeKFixfJaKJepWkWd2t1lwTX75qX3+3p0z/KfnOrxspYRraqx1fVZcjR++vcGHL/X4yCVxEAGTr5oiRYumqRQMlabfZ8WtTwosU9OpWdKuVxWFY9UFHtm+xNVezCDa5eSMznKxSJwmQIKmKLimJgLHNKMbxGimJhbrkk7DLjGIfNIs42x7SN1W2eiHzBdU4jQhyTI2Bgltf8DJGZ3mKOXaoD3p5DRHKc28W1RyDOoFnT0vwg8jTFVlfW/IDUslDFWhOUpp+wlPbPW5e7GEkWOKZx2DcBBSOVSBhcZUCAkixlVUgdH5uR5gbCMe6wmaHSlaHHs6IlJVCUlUFSk6HFtGREA2GKEszOQ26QLpfg+15qLMVqA3IPMCseAuVchaPaJzbay7FsjCGIVct2MawmTJz8LVPBJAsWUDVtyCdEziBD3JSPIE5qTtT/J1kt1hXmgU0Wq2JEr78UR0S5rK2KcfCt22KRs1SUaUO2jSto9xvCbamnGasiop0YqtEVzsULhjbqJliS51JmMh1THEeZN3NLJBNNHEKLZO5skYJ9mR7tQ4ONG/0hJNTZBIgKIfowNqak5ItwDFQ2VUxyBY62HVbBRVwZxziNs+hqHJ/ddsBhfaFJddFEubWKe1+aKMu9o+esnM9UOaJFjvDrFvbqA6hmiC0mzyugqnRkWp5ycADWcyTkpHeaE1DCRuYSyyjRMpINIMpepO9VFjeNxYfDte4yJlXHw48hgmaeRjrUscTLs64yLGD0RLNRbw+lNS9tdyKYqK8hWOer7S27+0ZL30KgKmqrM53OYPL25z52yDsllAVzUWnApVyyHJYH3Q4zMbZ9FVdaKDWSrWeHhzm0EU8EK/h6nqzOXFxU31GY5UXDRV4VsOO5iahYLKIPT5+aeusjFIeL7Vw9YN/v5dMzy5E1CxdV62KJ2RCy2fVx9w+Nu3VPmX99/IP77zm3nF0gH+7PKQlx2s4poaDy6XWC3p3LdY4LtuOEjdFhv06WbEobLGrbMWZ/dH/ObpDq5h8f5ze/zW81f4paeaDMOEf/6ZLf71Z9Y5tTPgTHPIwI+5+2CV1ijicFmgeX6c8eFLfW6sW9iawp4XEcQZa72QPzjXR1OgOZIPjjSD852Yz2+OuNpLWC0J2fZgyebGmiU02CDl3L7HE9sjojTj8W2fm2cMiUgIhnx+a5NvPugyilL2OiNWXJu331Dh8a0Bg1CKgE+ujVgsqoyilDDJuHuxRL1gECYZDy6XcU2NumNiagpfXO/xqWstBpGPrRmUzQJ1y8XSHNIsxtQsHN3B1hSSNGPXizlYKuMaNjue/Lx+lLJSMqkWTcpVm+4owtBUwiQlSFKqloOpScjm862IvVFCQVeZdyx2vRhNUbjQ8rF0hSd3Bco3Y4sY+UInZm+UcP9igfX2iIqlc7xeYDZn0LT9iBPLZd52rMJ/fGaXj17usOzq/O3bZjlWs0gyKOga845GcaGIWrOnGPTxqMiwQdPJOvv5GesoB7ZZU7vpmNFiW1KkeL4cN86TgUlKdDYYoegq6dUd8EOSjTbqcoNsMJqMBqJzLbQ7DkO5iGIaWPctS0I1kk+kViyytgDglOUG4alNku0+0dUOyWZPzvL9QH5mDqLTZgsiiJ11UQqGZOoslATff6AOTkGYJXm3ikhEoFk/JN4aiFbmYgfSTKzYKyXp2sw5JDue0GL70WSUozgyitAdQ2BtpjoRvQKTxxRvDqSgygWs+oorG32++Y47IVkQy781RSi5FQvz5hkUR8ecL0ogox+L+6c1msQQjFfQ9vNcp5gsyRit9UgTSX62axbqbAFtyZVukWPI7TXR45BmKJYEL5rHa5iHKxKm2B2HJRpyXK79AWHxjEdvaT+UcZmhoc4IZ2aC+wfJLBrbmXVNOi5jgu646Bh3WMZal0n2lT/tpsB0RDTWr4y/jovtccjnuCD6OnVcXlrfOOul3zhg60Wujjb5rhuWSLOUOE04UllERcWLPRaLOkvFGrZm0PKHVC05G/LikDtmqzyx2+HGmk3VcmgUJFvnYmebD1xs8+3HannOUcz59haObvLqAzY1y6AdRDRHfdb6Ca9aKXCmFXGyvkxztMb33lTGUBUc3UJVVP6/j32S1ZLGsZrFnKNx90IBP5aNv1bQ+b+fuEhBV7F1hSe3B3w2EQhbmGRULJ2L3R1sXeGjlzokWcZTl/aZm3N5xdE6YZJyrGaiHRVnjqrCF7YC7pg1+e3nOjywVOR4zeAD5/scrtpc60eslk0+u9ajObJ51bLDU7s+FUthox9xQ83kuabHasklSDJs3aRhu9StEf/nZ8/wphtmuHfeouWnbA9DvNjBi1KWXIsLHWmLL5dNdlse/+fnN0jyz61RnPJjd87wrz+/zSBM+LbjFZ7c8Tm37/GylRILrslnLrdYqRXYGAjqH6AbZjy0scW3HDqMrmqYmk5GiqHa9MMej+5cox9lHKoYeHGGqep4ccitMzW8uEXFkv1jwTXZHoQsz8jr+qXNPq9csbnY3WEYRagKlEyVrUHED9/eQFc1GgUNL854/SGJAjjTHPHaOxfohSOudCXj6oVuzNmWMqH4fuxym7otHYXYj3nbsTLrg4S7Fkrct+SwWtKI0ozPrUsxNooT/CTDvrmRh/qZMh4yHRh1IBByrlIsgqqTjaFg4w//Tl82DVV5sfNj7OhQFUH4930UxL6sVF3UfOPRDjag0ye60sG8UcL21Kol9ztXn7pGQEBwkQh+s1EXxZAcGgn6iwkvtim+4QhUS2S7bZKdPqprotYKop9pVMUm3RFrMtUS2b5Htt8nyZH00VpPuiN5MOGYrZL2hRiLqqDaGvHmUHKKooRsEKIaNpQg2RyKg0ZTMY7XiK50Jx0eHB2tJCLVLElJ/YRsEEHVEiKuoeX6G+lwqHlOkVIy0epjcbTwYeL1vmh9KhaZn2AerxNdEYeVmmcqpYOQ0eXOBMUfNEdYjQJZmmEvFqfcEyB6oYc+XyTeGaLl9vJxEZcNo4nwVooagdkpqpLbtyMh4zb7ZIGGVrFIfRUCGfnoiy5xJKLfZKMtguJQhLroOkq5OH1Pjbt1aSq03HGukG1NYwDGoyOnIO+THKzJwsy0CwhTiF3Zla8wtduritzeC79qe8F/bSmoqF/hub7yUq/gq7JeehUBU7Vp+iNcw2J31OPU3h6uUSXORLC74s6QZhm6quEYJroqH4RjMepNtQK6ouEnEbZuc7GzTZjE3Now8OIQ15DrqpZD0+/zhc2AD17sUzJUGoUSb1hd5K65eb7lUJXdUY8ohSd3JbDwi1t9/q9Hz7I9jLE1EWduDBJ+57kWv/n0LgCPrPe4oWpwpjnkQxdaaIpA5L603pW04Z0B//yzWzy2OaBe0NEUZTJqetmSxYGSwT1zJZZdjedaEYYqRNwPXxrgGhpHqzquoXLnvGgkbpoxGUQZ9y6VuH/BxNYMDlU0Wn7KyYaFrSu8ZtWlZol+Zm80oBeOeHy3haapHCzpORBP5ZZZB1WBOUfnl55q8tjmgN9/Zoen13t8+x2LJCnsdUbsDwLhuTQj/FHEuX1PbNRl0bYEiQij71mpMAgTbl1wWZqTsdxHLrb48KUea/19AHTFRFflA/1yd5c/v+pxuKyR4zfwk4i5QhkvlvDJkqFwsS1xDdLpclmtWIRJytN7EcNICqSrPTlTPb075PFtH12V1yRKJCLhTy600RSFZ/f7nNoL2RomfPhSly+80OHDZ2Vst+dFdHsBmgpmweDkcplfeHwXTVF47cEiJ+sWrqETJWK9dww5S+0GAjZTHGMKnot9sFyoLkGhLNcl+Ye8H043h0Y1P3vN2/feSLou1ZJc8uOUkrg+FFUl3WiT+SHJ7nBSlIxHM2nXkzP0C7uwuUt8bntaII3Pnv0QdbaCUi2BN8I4VkWbd9DniyTbfZKzmyJ4dc0JwC3t+dDqke7lAY11YbSk3WAyylDrNqpjYNxYkyIgD1hUK9bEGqyWTOLNoaQt+zFpJ8C8uSGW5tyho9g6qSdBhdHWQEYuO0O0+WJuqfYncDbFEkKuYmlkSZq7l1LRmbR9KZwSoc9mvsQKaPNFGb20fNGfpBnxej8PMzTzkZdYyq2ZAkmQYM1MM4is5ZKEPXYDVNdEr0sxk/VD9PkiWk7UVYqiSVFKZg6mSwT/P9a0rPcnQL+k6WGMqb0XO9PXPU+71ldKZKm4n9JRhHL9+GY8Thy/ryajomTKYBl39sZ6FcjjJfRcN2XmQZ7XdWHG+US6dl3Yoi4/Z4z9j7++o6Kv9PLS+srXS68iYoOumiZplnFH4yivWl6lqJdRFZ3NQZsVVzDIuqpRs0qESU6lVBSWijVSMpq+PwlmdHQRbEYpfPBin4c3tymbhdx5k3L3nMmRijhR/Djiam+PXa+Ho1v0whF3zzWYc1Q0BY5Wdd521GGt6/OhSwNaQcoHzu0TpilJmPDEdp8ky/iVx7e5tDukoIuu41uO1Qn6ASdnHRaKJnfMu+x5Icslix+8tc53npihbuvseAlHqzqmphPlZ24ff2FEN0g5Xrd41QGHp/cint4LmXdUbp4x8aKMG6o6h8saH7rs8dBGj5KhMu9o3DZT4Ka6zYqr0Q1THt4YsVgs0wkF3y9hkSrdIKVu2Ti6ghdlbAxi7hiHR7omZdfkLYfKLJdNvumGGe5ZqeD5MY9u9nnNsRm6o4iPXu7wu8/t8fy1Ln/07A6PrXUwNeHJbA9Cdjo+qq4yzO3EcZqgKxLnECY+3aDLI9tDXnPAwTVV0SR5MXW7yCCSwsOLM57YDTE1CaG8da7I3ijhM+ea/K2TDRxd4bn9iJafstZP6PgJ//Jlc3SDmDiVdPCz7ZhHtzxWKxazRdECfehCh9YoYqPri77B0PBHEaN8NLDnRdy3VGK1bHG4arNYVLE0BUc3idMEL85YcTVhriUZdVv0GZKNE+aiXFPGRaEnepc4BFVHqVWn2HTbnLb462XZJFxHQha3m3KWO4bM5WfCSlFYIpkXoVZsCUzUNdSiJUj5oiWbr2uCbU0DBZ/dJG0PBIqWxwWkO225f0AtFbDuX0VtOKh1YaGotQJZkhGe3pXk4s1uPnIpED2zISnO16H3xeKboM7XpFPTEMS8kutBJI/HI256BFe6hGu9aZEAkhtka6KxsTRGZ/exTsxMQhKj81PWTNoJJmnPWZSiaKokM/syWkkHIWrNJt4aCH6/E5DsDPGf2JYiIr8frSadmKQ1QltyydKUZG80KSriQYhqqKizBQq5hVoxVCHmViz6Z/bl35ZOlkpBkqUp2mJROk9JNi1CmiMyT5gu44BJUmHZjNOk1ZKJOlsQW3UoRVi8OxRRcZ7TRJKRjZPC/yJ7ZTzyASlCxkWwH0i3xPOnAY0g3ZSxI8k2pxbp8ShofD9jizRMowPGl5fW/1brpcIF2Blt0AlD1vr7bA73WHBW6EXCG0lzqm7ZLOQwshwJnmUcKs3SCYY8sTMiyTKebV6VImTUxdYMPrfuESYpRyoWXhxytd/ksZ0QL85YLWscqcyxOxoxVyjjJyGdYMieF/KRqzvMOxoVS6Vh25xtSUrwWs/nj8+3uHW2yB3zLrWSxX1LZf75/bM4to5h6SyXLE6tdfmDZ3f54ZcfoKBrLLjSlfjOEzO86bBDxVT5Yp44/fl1j99+rsN/fG6H3z/X46ntoehW/JTjNcnd+cSVDjVb5eMveFzoxHzyhR6Pb/t84oUBBV2cSuc7MXfOzuAn8kFjaSp3zlY4WjUJkxhbM9joB0LZ3Q/ZGaWc3h+y1hPAXctPc+FvAU1R+BcPzPOeUzuslm3+3m1L/LN7DzJXtlguWQzChIWSxYJrSiCfqfGqo3WKjsHDl1qEo4hRnKLqKpWyRZqk1AvTBFk/9tkb7TOIfCqWyplWxMMbAfujsVvHn3TVHF2hZKrUbQmPXCrqnNnz+PY7Fnlyx6Nmi03ZUBVUBT52rsmnrwW87WiJR7f7+ElGo6AyCBMqls4oSnl4XUZuD19qkcYpx1fKaDnld8E1KRRN+l7E56+0+eJGj28/XsHRFeq2yrbn0Q1SmqOEC52IKMm4ccah5acoqthhs9198HvTYEWQsZGqi0A3S1G0XEfgFKTj4jpQLU/PYMd8jvEZcm84OVNONrtSFCzVQVNQV2ZIu56EIqqKgOYWXRGndvoynim70k3ZHIqT51qLzA9RSwVGn7oCQHRxf7KZKW5BbM0jcctcL1hVGw7p/hDjUBXCFG2+iH6gMtFzKLZOem0fbdaBKEWbK4KmiMal5eM9t49q6+glE3O1nDuSRmJ17odkfQlhVAyNws0NKWJKBupsQQqcnHgrsQIKat3Gv9qduIfGlutxUCF5erRaMlEcA73hiDNqvihdmDwLKAvyXKK+ZCWFvUAKqXyck2wKyj9u+9JFyZ9rcdlFq9uiyYGJCJgkI9wZYt5UR3VNjJtmUCxN4guanriOSqaEO0bJpIBK++HElQTIKK0vziVtrki80RdHWSN3r40tyhP9Sjx9H/UG15GZ8wInTac5V9d3TnRtmv48tlAPvGk0wDiMcQyhSzM5/utFzlWUrwLH5SVX0VdjvVS4AHujPt0g5Uhljk7g0Q2bBLFHnIYsuTVe6G1N3nC6opJmKX4S5a6jIvfOO3SDDNe0udjp0Q0TPrU+4B0nq/yd2xY51w74w4v7OLpJmsFD1zx2vZQ0y1hwHJ7caxMkKaf2PLaGEtR3uimjIls3uLVh8sO3z1KxdG6dLbLnRdw8Y/H372rw8iWbKIWfec0qP3rnHC9blvFIGqd884EaF1sjvni5xRPbIqzcGib08xDCj19qcc9CgbsX5DYbvZCNfsCXNvs8stHn/We7PLI54sYZh42BCE7nCirHagU+c1nAcB+/0uZnH93m9J7PmVaLfpTyQi/Ai1PCJOZliyX8JOJqb8gP3lxh1jHp+jGOLnZngAudXIsSxHzn8TJhIrECbzlSYsXVuNDp8Mj2Hv/2VQc5Ubdo+RGvP1yRTtJiibsOVLh5xuLGGYdbVyocnnMZhnJmNgwTsjTjsc0eH32hixd76KrK9rA76Zy5hhQnZ/aGfM+JEk2/T5oLW+u2ihdlXGwHHKsVUBW4cabA0YrGyUaBj13p4+a27cM5RXm1rDPnGLSDlI1+whPbI2Ydgz0v4tTOgFvnXC62RyRhQq1kcbhaIIwS0jhFUxRWy9K5iEYR33FjnX6U5a42gyTLcE2FS50QTREg4N5QnFXG0Sr+rke2ti1Fit+TQiUOJVBRN6UTo8sGpdiWoPzHmoSxYNKx87yYsmwefjgR3qZdD+3IrGwYpiHOnzAWXkhuqVZLJoppiIA2PzvHD1BKtghHS+YEEMjCDFqjQPj8PuHFNsnlPRHA7ohORSlaqCszgrZfmUGtF6Z/uK4jluvNAcmubOpJU7pO6uE5Gf34MdFaD/IAQutwBefmGXHT5JbqtOWT7o3IvGgyFiLJhBszzvxxRUyrH67ktrU8M6wpXQq9IInPaMok6FAxNNn8DRXjcEWKlqWiMF5a/tTl0/Ixb27kdmhxQWnzRRkR7Y3QGw6FZRd/fySCYEMjbo1QNFVGTZ7g/7VZB61REHCfpkoG06JL2o8m3SZAMpeSLNe9TLOVsiAhWuvJz5h3pOsCGIerUrjZGlmcj4r2ey/OJPIDsjEwblygjHUtY8fR2DF0Pe8ljKYAunFRMx4JXR8l0RvmFuls6joaC82/TkuZQP+/sstL6ytfL72KwOlml5tnqnhxQN12GUYj1ge7DEKfXijal/VBCz8OibOU3VGPNBPuSJwmzDkVDBV64YiFoomjK7z18AyDKOZ8u8trDyzygzct48Uhr1gyOdmwWS3JB8aKW6dRULmhOsfJGZM7Zh0sTceLM+5oFCf5OSdnTG6ccTA1sebeNiuY/ZKp0LALDOOQVy01OFzRWZ5xqJQt/tPze2zvDsjSjObOgF//nORZDMKUo1WT1x+t0w0zjld1tgche50R7b2h2He7PqtlmzceKuKaGsuuxmsOFLjcjThYNoj9mLVuwCsOVFgoWayUTGxdIU2hZqvYmoKuqti6fPh0w5T3nemx0Q840/T4s8t9vDjj/kWbK92YNIO3Hy3x1K6A5VqjmA9e6KGqCuuDhEZBY3fk8eGLHe5ZdDnXCnJLtliHn9r1eeetdVYrFt92vEISisU0yQuXwc6ARzb6+HGIH0fEWcKfrzW51IlxDJXVkgQVbg0TqlaRlj9kEPm0/BTHUKjYOqM4ZXeUYmoqfgLHqzp3LxR5ejdgYxDz6bUhb7yxwcV2SJqlnKjpPL49YnsYoqkKFUsnTFLO7A3Zbwsk71itwCcv7stjjRIurnc5vzPA7/p8611LzDsaJ+sWXhQSpjGnmxFXewk3z4ibw9EVRnFKkmYoD96Hty+dg0nyszZ22PgQemT9LtmgC4oqnZl6RQqYcWfF82UTKRflbFkXQaxyaBFcRwIC9/viImm2RWQ78NAOz+YblUm01iW+1oGFhoxLFqqSDt3KN8woQSkaMo7yQ/RFF+NYDetmOX5s4U1aPsHjmzISihLZBJNMcntuWBR2jCZCW6HsSqGgzTukG03Spic5O44xCVYECC52UErGZLPWlopoKyWyfFSq2DrxICS60p1wWKLzbTA0FE0heqGHeXNDkpzrBRRVlZwiLS/SQtGuxK3RJJ9IiqdczOvH8rOSaeJzsjOU5wiTgENyEF7/XEsKKVecP8bxGlquS9EPltFKJv7VrmQj5V0dDFWKkrzIGmdCafNFYd3k+UUC3lMnzJaxJii61BFtS94N0ueKqPWCFDuOgaKqZH1fGDx50ZEF8XSsmCeMT5KhxwUMvHj8M+a6lN3pdeNun6pOHUjjZZtS6Iwpui+t/y3XS4ULMIxSzre7fGZ9E11VKRpih9ZVjUHo48UhtiYbsBcFmJpOJ/AYRD6dwON8Z48oBUe3OFFb4qbaEn9yeZ+tYcLWMKHlD1AVhV4Yc7g8w8kZg5Jh4sUBtm7y9F7E9rDDijuTf+9zoqZzti2bZ3OU0A0TukHMKE555UqRZ/ZGvObAUe6cXSVOE3a9lN96fgtVge88UaOgqzyxJV2WUtlCt3SWFsv80fkuT+36+EnG9jAkyTJ+67k2T19tEwcxiqrw1mN1HjxQ4WVLFmv9mDN7Q9b6MZaucGPd5KmdEcdXyvzt22ZJ0ow7FlwOlTWWii5JBnVLIgYudAZ0giGfWR8y72h5t0CjYunc1CjQKGj0o4w3HCzQ9FOSDFxT4btuarBasTi/7/HZtQGPb3t8cm1EmsF2P+BlixZvPVpkexhztCr6nb99c51BFHPHrMnHrvQxLB0tZ6/olo5ZNFnbG/JUcwsv55ukmeT/tP1UUsDLNq87cAAvCoizhF4YUzJFgzOKpNhrjSJKpjoZp6UZHKoYFHSVx6+0+bZjZcqWxh9fGvLRK0MutkdoilitTU2hXpCuSZZmzNQKXGyP8Ls+cRCTxilxEON3RZuz4uoYYzp64LPWj5l3JDeqG04TcQf5ewNFRbc0Rk9uS5clCWHYkjGRPk6IFqFktr0jH/ydPllvMG3DX49rHwsqx8TTMEKpl1GKFsrqgqQtX5Lk2azZlULHNNBqBRnTxNKJyTpCtFVdE3XWRZ2vSTdktwXNNupMcSJI1VdKJDseqqNjvfIIiq3lqP2E+KmruesmJvriZdk0VQVUFeN4XcYqjo5ac2Uk1XByK3BKvNZDdU0UW0fRFNK9Ed6FthQTnWCiN7GO1ohbI4yGQ7DRF/1LPyQJYsLnmhMtzLjQyKJErNKaIsLdkpFzVFKMRZdkT/D50Za8Bv5zTRnhrPeJmx5x2yfYEFGuNpunVuePRTE0Yi/CKpviSnIMiUJo+UTdgHQQCmvG0LCXSyReJB2bHPcfr/dJmyMZGyEFW7IzxFh0pXDMtS/ZMJ6kXat1m2hrgDbOW2oU8sJwJHyXoiEgPkOVgqjpSUSEL1wXeUN60y7MVk7DHRN0r+/ujUdMqio6GNucdl6aEu8goty8K/QXc7XGxVEwhQ5+LddLyP9vnPXSq4iMA+6am+fbj91EnKa0gz5r/Sa2btAolHLgXHFycXSLOafMttcB4EhZuiZls8CuJxqYVyxZ3FwvcmvD5ExrgK0ZPLcv46Uj5Tp12+Vce4fHdi5zQ1UnTGO8OODzmx12Rym/f67DI5sjTjdDbpmZYRBm3DFn87dvqXJyxqRiqWwO2lzu7hJnKUcrDhv9gH/18DbdIMU1NX7iwTnuPlbH1FS+565F9jojVisWrVHEf3pii6eudvjPj24QJhlpkqIZGqomGPp516Q5Snh6d0TBUHlub8THXxjllt4hBV3jQjvkRN1ktqBRMlUGkc/Jeh1dVSfajtPNkKMVnUe3ZQw1yDH8TS/myd2QM82AQZSyWtL4g3NdNAU6gehBGo4xyWP6WzfWqVoGpqGxNUw43Yx4/cEChio26fOdEWv9hCiFta5PkqQsVmzMgoGqq5PLbzzd5gtbO5xr+1xsB6z1AvwkY32QEOYiv/WBz+ZAPgybo5S1no+pKTiGSkFXeXSzz011m4qpYKiw4mqcqBukccrFjs+tMwaaggioMykQL7ZHrHUD7l0qMci7QJqicLLhsLBUxipZqLpKlmYYBYN/9vpDvNCLOFQuoivSwdoaJnhRRsVUMVQomhqtIOVYvcCCa/L7vWeo3beIt+uRdeW9yfiDMh99KeMz2Ostz63u1MnhB1MWx5jxMt4wVHVqZ82Jp+piVTQcVVdGN2c30RZKKKZOenlb7MhzNTBVsiARLUynL7dZmCFp5wGFw0jcLFc66AfLgsNf3xew3GKRzJNxh3G4KinGS0XiTYkD0FaqxFe6Yju2dbLBSO4jkM5NlmT4z+8zPNciON9CyzN63HsX0OacHCAnxNrR2X3CnnRZrEVXugslEz23DmdRguYYE9uz4hgkgYyW0k4wcSsphopaz0dupnRk1IqFUbeFfnu4gl4voDkG1qILhkqyOSBt+8J8iVIUW0MfF1rdQFxLfkLaHMn1lkaQs2MyP5bCJgftqW6uv8l1K2MeDUDSFjJwFuSFZZRg3jornJowxZgryujP1ogudUj2RpNk6HhTKLeKaeTkYXuaWD8W5uoa+AHp3mCaF5WHbk6s0WE8LV6uHy+NR0BhPI2egOlx/nVFypiuW3K/uhvCX7FeGhV946yXXkXgZL3OmdYufuzLphtHLDiS9DteZcvF1HTKlkuYxHnGjcPH1/Z4ptmkG6SinfA6NP0+tmbwwUsdVEUlSDIe212nUVDRlZwpkWVUTPlQWXFllrzW7zHvSKdkexByvG7xyuUaaZZy91yDQ2UNR7dwdIHUqYrCzmjEs02fMI2p2wY/cEuD163WededdZIMFoom33a8xrN7Hv+f1x7gia0+rVFMOAxRdZVvvnlOxKUFA6toYrom/Sjl2d0hW8OUPS8SoFtB58a6yShKONkocqxe4LUHCzLmquk0bJt2EDGIfL64JS4jLdcF3b+wwBNbfb7zRB1TUzhctXnDIQdDFaDdJ9dGNGyVW+aKfHptiK2raKrCqw9W+OJ6j7pj8qdXu5xrSwFxY81ltSQE2lcs13n1AZtbZkp8adNj3lGZdUxMQyNMMgqGOikIsjRjox/wyRcGbA0TRnHKjTMOvSChOUoZhAkfW7vG+iARl1GSsVrSWCiaHCgZMkayNW6ccVh1ZzhRr3KorHNbo0HFkufa8lP6UcbD17qYqoqpqhyu2piayvYw5KEXuqyW5ff+hiNV1noB77hlhiQUjYtZNPmOu5ZojlIeWLTphiM2hwGnmxErrsbmMCZIMq50Q4Y58l9TFDRF4VefbmPetoBVscQRlKbSaRl1wHTIAo8sjuXMVlWnmoOxXXWsL/BDsaV6/tTi6gdyxpzTbCehio6NslifbjCGJuyWagm1XkStFwXnXyrIRjdfmzh2MA1x+ez0ia50RZNxQ12CGdNMRh5IaOEYnqaUbBG6Lgv1VTFUMs+f6Fuii23C5/flPpIMogRt1sGo2xSWXRG65qGJ0fn2pBOkFHWIUqzlEs6hCva9i1IoeBFZPyTzYkmHHq9xMZFv2smuN9G3ZEPRxYwx+/qiiz6fC3IX3YnIWHHkZ+orrnQ88qDGLE1RHJ0wzyIC8LbENYWmkCYpaqNANojQLE0SpZdcsiglWOsRXGoL+G7ssCqZElVw97w8RkMlfqGHYunoKyW0+SLxVl6QlEyMwxXUnDszTopWLI20L4JYxc4zgjQFpWCQxSKsTdr+1AnkOqizItCeaFTGzqMxNC5NpRAOI6E9T4qYvJs4DmbsDV7cjRmvcSH0dXIVvdRx+cZZLwHogEPlZSpKa4Lvh4gwjbna22PFrWNqFmf213AMk6op7dzN4YDmKOGGms4gFB3E5qBNkmV5vpHK8ZpoYG6sWZxpBZyoGaiKQpplnGm1eGTL51jN5Eq3w91zJld6Cef2fRaKJoerNl6c8dx+l8NlmxTBxu+qgly/oVqkE3ic2ZcAwgudgEXX4MHFMqqi4MUZB0tlvvMGm6bvc9/CLK5hUy+0CJOUB0/OsedFJGlGy48mjpbVshBy71l0+cC5fb75UJWbZ0ye2QvwopQDJYPXHyywXKzgxSEPbfRYLWn0Ix8vyni6OeCZPZ95R+VYtcwrlyWj581HKswXVMIk42J7RGsUcbBisVwyefiadFqudHyO1QvMF1Qe35ZOT5imHKsVuKNh0A1TXne4xoXOgJN1Fz+JiNOUL2wG3DsPG/2Ahzct/s4ddX7xiSauqXGpPeLEvMuVjs8o15o8fqVNvTDH0fxsdHsg0Qq3z7sEccZqSWfVrXCh02FrKAVNN9SwNQXXULA1BT+JaNgl5pbKmJrOp67toqhKbgPPOFwt0A1iBlHC3jASgXPXpxUlDHItw2pJ42UrJbwoIw5izKLJnYeqbA9CbpuVxxYkUuTeOWdzrR9St8VtNggTESoHqYyJgNWKRfRsk/7GgAoIuyX05IPd6wiBtlAgi8Jp12WMbPdG0xZ8rlWZiCtb3QnBNvNDFM+X26/M/wU4WCIwujieOkkaVbk9yHgiTmTMoKoSqpdv/OZNMygzJbFIt4Yolk74XBPrdqHtaouVXLA7RC3bEws1SUZ0vjXpmmizDqgKadcjfF46NukLMibS5osoW6IDSVtS7Cg5kyVY6+F3AkqWdFLinaFoQEwVxTEwbpoh8yLRh2iKiGv9GE1TMBpOjslXphlEQYJaUVAqluQgVazJ2Cn1oolAV1txSf1ERkOOgT7vED4nhOPYi/F2PayKheHoJG0fxdJQo1TGNaqC0SgQbA/hShd9tYzS9Ihyd1S8E6HbOmE3QLV14vU+/taQwqGKPP8oJdkZEq71MJdLcp0Xk8054jbqBuhzRbJxYVcyJzA/EWEXZEwEJOsdiXfwc6pwbndOdoboRxtkXU+E3NfnFk3ef+a0aJlwX5Tp9ePRkp5vV94ot0Nnch9d76u1Fby0/idZLxUuQD/qUi0Ju2N31GOuUEZXNUI1Js0yWn4X1xCCbS8ckZKRZBlRCr/2dIvVss0NNZPlos6SW2MQ+jiGxYpbpxeOCNOY1VJM2XT48JUd3nSwwYVOTNXW+L0zLUxN4XWrDZqjlG854nK2HXG5HWBrCp+55tFspJxvBzQcg09f7fCKAxWeabY5WNK5tSGaCUNVqJgqTzf7PL8fslDUOdtq4egKr1yucb7d5U8uNakXdP7miQotP+U/PrNPN5BwvweP1DlWs6SA6ApsbbwudGLeeKjAk7sRr16tcrHTY7kIa32PV69U2BgOeXovwtKkYHrnLQ3+78e2eNWBlLcdWWIQ+QRJJoLjeZc75ws8uiUFmKYq3LckbIoF12SjH7DWDTg+U+D5psdC0aRi6ZxtS4G22ReB8+O7ot+pWwEfu9TilctL3LHg8poVi195us3LD5T5yMUWrzlU4/TuQHSTYQJFiIOYT19tc8tckUGY8LZjFf7ofJdBmPCRix4VS+Nbb0io2wLQu9rTWCxqzDkqbT/FyaRwqdsuXhSQZhm/f7ZNmqR8aTvA1FRuahR4vjmiYmm4psaZ5pBZ16Q1ivFHEaZr0hylGKq8Zqqm8rfuXuT9T21zcrlMkEih6icZUZqx46W0A8kpilKNUSzF8oW26HxWXI1TexHB+RaKppB1+iihJx0X3QRM8IZkQTAtLLzRFPClKrk1NX4x8Gt8NrzdFHFuqzvRvmRrApZTwphs4KE0qnIfeZ7ROAk480MUxxbyrW2ijEdUjRq6H6JUS8TntlHzgEEA7fgCWqMr4YyR4OKTboCxWia62kFfcqVbUrEkNsCSBGnz5YcJH7mKYrhYt81NbM3+FzZEdLszxMxHKgBKKqnHRt3GzO3JpBmj03sUTsxMaLxj8SrJuCuSoVUs/EsdVENFr0noolq3JT+oUZAOBJB4EVbDwTu1O80Z0lQJZ9zxRPtTt3NIndxWURWsvEtoL5eIWyPCto+1UCToBlg1G39/hE0Ba84RmF0uutVzam4SJJjzRaKtAaN9H9uLsOdkROTvehTvmCPZ80iCRMZESUbQDSg0CiRrPbSaPSmW8BXp3JDbo3e7YoUv5LA5Y6pFUXIWS9ry5XnpmhSlcQJpPHUYVUvXhSam027MWPuiMy2kw/TFhczYnj++zddhvZRV9I2zXnoVAS8O2PY6qIrCamkGxzBxdJNeOKJqlbnQ2cHUdL6006Tp99nxelzqxNxcL/Cjt9f57NU2i0WNNMvohSO+uN1ic9hmfdDC1HR2vD5zBYc0SzlaEZz8PfMGXpRRL+j8jRtr1CyHmi0k1HvnxXlkaQr3LRbw4ozjNYvPX+vyXSfqnNoZ8MRWn6NVHS9KqVkyxjA0+K3T+5zeHfKlrSEb/QjHUHhuv8sTuyGDMOEVKy5+nHGpG3Mst5bevVji1M6AT13t8nvP77PnCQflTUfr2LrKobLGIMy4a87AiwPW+gmn99sYGpiazp2NRW5tGGIdjjMudT3edKTM5jDmbHuXXjhitaThmkJ/tXWFUST6j9ZIGDWzjs79iwVOzBR4YKlIxRSQ3J0LRb7zeJmtQUQ7yKhYGk/vRaz1YkqGwm8+06LhGFQtg4utETtegqkpLBY1NFWhZmuYmkqSIWefUYKqqSRhwjObfUZRyvl2xNXmkNO7Q4IgZrs1mgRkpllGkma4hoh0D5UNDFVhEPrEaUIn9OQ90RxSqjucaXqc3h2yM4wo6Cr1gtigwyRjFKcUcrXtQsni9lmTbpDyzK7HHUfq2JqCZmqc3/dIMuhHKYtFjbP7Iz5wri1w0lFEyVC5c76IrSkcrZoCn8vgRN3AuX8JL08nJokhuA4+N9YIXJ+sO/CmH/zjzWOc1mubskGMdQXNtpzh2iZpayijEl1SoxVdI91oitsojGTUpCriWpqry/goz63JxhvVdjNHFQfoB2sohoY2Izk76UaT8EJLgGeOQbo/lLGFU5DU552hWHbrNmrJEPfOkQr0huiLrnRALI2k5QvmvmZLLlHFIl4THZo270zcReT6lTgXnpqNghQ9tqRS++dbExGuYov1Wa1aGBULvWJJxAFMOi5E6WSUpVcsktw2rTrGpEMTDcKJbkbYMSnJnkfaHE3GMYab61ZsHb0goyV7sSgdHENFawhbRqvZxK2RuID8mLDtYy+7ZEmKfbRKcaGY/6x0cttkc0CwPSRLMrJhLAVWxcK/2s1HeQLZS/PHmewIhE4xtImzCF0nC2O0+TwdOskIn9+ddEfUYu78GY8S8yDGSQdlnGFkGlLAjIMYB578fz0vcsaCcacwdb2NxePjDs7XeKlfpf9eWl/5eulVBFSUCcU2zUc9g8jH1g2eaV6mZNh8an2XxaJGkKQcrczx9iNLLBSrNGw5OzI0qFoOp/Y6fPxqHxWxA68P9inoOo/v9nF0izvnFtgdjXh8J+J4Tf64F4sqpqZz80wVgOVihZctFnnjwXkeXKjzrUfmSP7/7P15mGTpWZ6J32c/cWKPjNyzsiqrqquqq7q6S92SelFLjYRWhNgkSwhbxjYIAx7Wyx4PgzE/wL+xNTCgsccsNgixCCGDLBBakBrU6la3Wup9ra61Mysr94yMPU6c/cwf74nIbpAYhISGMfVdV16VFRl5MiLyZHzved/nuZ9Uxg8Abz9RoWzp/MoTTR7c9PnZz29yuR3xB+e7fPfpCeaLFsMwQVMVph2Ny52IT11u8g+OV/CjlN892+K+Kx2awxBTU7jUHBKEMZN5g5fPFYmTlNmCwUPrXe6cM8cuz81BwjAKKZgqTzdC2edUnZpdYTJX4KZ6lVtnTI6UHcI4xdRUPnSuSxBHXO7E2JpC1VaZzWvkDJWdQcTRqsXRWo7fe3qH9X7MnXM2t8/KXP3bj1Uomyor3YB/cmqKtyyVOVA06ASjjlfKrhuyWLJ5Zk+ubs82I956XQkvSqnZBg9vSDjjcBCQJilxEKOZGpEX4fd8ml7EJ883KBVM4iwUycwZfOr5DtdVdRxDpe7oPN2QInDHjVgoiOPs+c4ONavA5kA2wn5ryNFqjoKpce/FPZbbHs1hSJymnJ7KMwhiEUJHCZN5g0+uuMRpSj+IedPhInEKi5UcxyZkHBkmcLkTccdcnmEU88X1PrWcgaFCL0hoeglHKjrPNUOmHQ1HV2j+qcDclIIDliOiXLtA6vVRMk0VprHv/Bi14UcMjlHLHvYzjEYBepWibDy6jjpXQ5stZ4WMBapKvO1KYrSqkgYRqZsVPH0XVjcl72ijIbdN1cC2UGyTpCP2VqWYpVNnV/Lm6VmUYuYEyhsyqllvoZQEaa/Wi8KLcYQXkw4iovWuaEkO1AjO7Ul34dkG6Sg5vJZDm81j3jgpG7CqCp7fj4Uo6xiYx6rjDohiC67fPlUfM08SNyRuDOXn9QIR0lo6WpaNNCqCUBW02YI81pqNOeUIgdeQsEYlszOPb4tFP6JNOXgXmiShAP3cHXeclTSybKdhTJolXOsLRREhJylBy0OfzmNWbcKGdIvixnDcLYmyx66o4oKyMoZT1HDRyhZqPYee0+UxBRLgqFXlfSfNYgJQxU0kb56K5BQlqXTdcgbmdTXSgWiHKOX332hH55Vtjh1tRLHopvoZj2V0Lo4dY8r+OTrK0hqdp7Yp5/Aoafra+nuzrhUuQCcYUjBs6rkiju7gxSEX2nuUTOGjNH2P6ZxKmEDVyrHWb1Iyc/z51U0utge8arHCxVbEWr+JocJrDhbZGPh8YqXN5iBCVRSWShrPd1s0vQGqIqyTxaLOdxwrc6o2xVq/S90u0g8SVvsdCqaNF4ckyBvVsarB4YrFr31xgw+ebbE1kFb3o5s9ttseQZxwKmNVvPP6It92rEzHi3h2LyROoWoLav5QWePbrivz5qNS/MRpSsePOD4pbzCzBYOcoZKk4tZZ6cb0gpQpx2A2r5LXTcqmdIWWuxFNr8/GYJf/8tQW96zt4UcpTd/jYjvk4xele/MLDzf47+f3+D8f3WOlE/HZq0OO1XLUHYkZ+AfXlSnYOo6uYKoSPzCb17ipXuDXH9/m157Y5ffO7TLllLB00Zncf7XDk7sBp6fyaKrCRy+2KVvCozGykdWuG9D0QvqBbAC1zGUESKpuImnSlqXzzUdrzBQtdEMbk3eTFAqGStVSGUZim54ryBVkycxRswuoiiKdmazouefSHgVT4+hMgeMTOXb7AZqi8PTOAFVRGA4CnKywXO/5nN9zOT6xD1V77SEB8H1mpcMX1rqstD3+4FyLmYI5Dnm0dOkoTTsqXpTy6GaPD57rMZM36W/0MUaBgMOuWKKHXXET6eY+vGuUHTRK7B1tGKXCvsOo4LyYv5HpFxiFNI6cRlEMMxPoiyX5Wr2CYmbBe1FM2h/K2KQrLhOllAfXI15tkvSGYqO1TWHCtPsoukq40iF1PclfqpeFpJuRaYkiou0B8Vqb8PmmOGN8ccHoSxNiGV7Zwzw5KcTYqTzGsZpk7YRxlsXTEp5KGI+LCG3KIXJDcTQ1PWGfDCKsW2Zkw45FMDyi1KoVC6Muv7uR7Tj1YpKOj75QFKbKCL9ftqSLAuMOj1Gz5bnHIqRViybuxRZxy0M1VAZbA1RDwyqbwqfJOjiKpaPYOvaUQ9iXJGklG1epukrSGOJuDqTD2BJAXdLxCboBetEkzoq4xA1J+yHOiRqxHxO1PKLtAaqmCiDQ1qWA0xSinUEmhA5FXJ2dY0nHJbq8K9Z3NxQIXcGRWIjsnEl2O3IejSi32Qgy2etmLiJV4iZsS742CmEMQmh2951KL8T9j4S63T4YX5+Oy7Wsor8769qrCBQMm6bXZ2vQpum10RWNC62QjUGLquWwUCgx6ZgYqhQ5L58+ST/0WO3FPLLtc/O0hRenPLwdcKBoUTYVbpiY4IGrXf7LE3v82Geu8ocX+vSChE9dadEYSvDeH10a8N5Hdvit59ZZ6UQ8vLPGRy72WO/HdIMhpqqTpCnnW00utEJ23IjFyTy1nMFrDlV56WyB2xdKlAomeVPDUOGxbY9PrQzH3JTlts+Rss7pqTw3TZqc3Yv41HKfEzWDWk6n48XMFy1ePptHUxTWugF3zOV54GqXsqWz3ImYdlQe2Bhyrhnxy08Ks6bhJbhRymfW+lxo73GqbvPUrodjyEa+1Q+o5SSC4NKKMBmOTzj858+vc7bh8uT2gIKhcOuMyVrf4zWHqnSChJsmj9L0+hiqwhe3ekwWTGbyJiVL4+7VDX7jyV1+7+kdmg2X+692uGkqx8MbXVY2ezy60eX+c7v8Hw/t8tBGH1OT07tgalSLEooYx5LxBGLfrOZ0bpkpMJtXOTmZl6ItSrjzQJkLrZAwEehcwdSYcjQWCxPjTKcoiVEVsUSrmopmakxXbOnwhAmPbvVRVIVWz2cYJQTDkELB5PhEjqO1HIslm9NTBSq2xiNbHvdf7eEYCsvNIet7Lpqq8NjVDm88UuH2+SI5XWXSkQK0bImrrB8m/OhLJ3nlgsOuKy19Vc/AX4U65Cqgm6SeT9rMRjOj1ryuQa28b28eZciMgGEjmJhtishWVfeDGNu9sYg3bfWh0Sbe7I87NmkUy2NwvXHRQamAOlEa00/VioVazEmB0OxCuyduoKka+mwBpVYiabgkVxqk/aHkF2VdIu0F45mkH4iTyNDwP786HtckXQlCjBouaRjjPbE9hs4pmip5PY4x5pckbojuGETLHRmnZOTYpOONf8543FI0xcKdZQPJyEoCIWM/IlqTtOrwsqQ9h5faKLYQb9EUKZDChGitJwTfjk/qRei5jJ2iqThTciGiWTqhGxL1AwarPZKWh3uxRRomkhTdFyhc6sdieVYVDEcXYq9jMNgaEIcxuQNFFEPF7wRYiyUpZvrSMTLKFrEfoxVNsVgXTSnqMiGyVs2Ja+tKlzTJ7NqWhlqU1yhuDMWd9QKnT+rLGEjNjYqQzn63pFKUc0HXX9xRGfFbsi7O2Do90rWMYgRgX4c19P52Noa/sK65iv7urGuvIkK83XLb7Ay79EOfz2+u0Rgm6Mo+hO6O2ZfwkslFqpbDjrvD2eYOVUvhuopBPafxDQt51ntyJfORi13++PlthlHCmezKu+NHNIYJn73S4Q/Otfn0cpdHt3q85boaW/2Az17t83QjZKZgcl3F2Kfy5kS4WrZUmsOQWk5ntevx8Yt7LBQ08obKyXqepZLQbb/taJ5vOVLkXDPE1FTWewHnmiHVnM4nV1x+95ENNJWMoSJZSicnHc43RRR7sGzxgbN7mSYjZrnt8TvPtnlqx+ViK+D1h4qs9iKe3vVxdIUzkyabg5hzTZ/b5nJYmsqxisNStoE/vNHFKoro99HNHifmSyyWLJbbHld7EY9sh5KD9HyTQyUdW3O4ZeoIr108wpuX5qjlDC63hnxhvTemDRdsHbNg4vZ8/sv9V7lpusB0PU/ohlgli72+FAoANdugYIqY1dRUtKyYMXIGuqXzwNUOTS/ivz7ZGJ8PhmOw3PaYdjQ2BwllU+HmSQNHV/HikKJh8ny3Sc0uECUJ/9djjTFAbrcvWqKmF2FqCkmUEA5Dhpn9/Ggth6mqxIm4q+5f7bDZD8kZKq8+WOTjl8WBEw5DtvoB33F6mrKlcv/VHv0gZiqvs1jUuLFeZqUbsTlI6AUJK92I7WGC15aRAUEoYyLTgXwNpVAW67JlvRil3nczPYEmxYnnS9fFNvft0EmyDwjTNZJWfz8zxhUsf+p6aNN5KVYyTgtJQpoxPPSlmhQ53UHmcvJExJkk+26bbrYBNbPNsdEZdxfGnRrItA0yslBtDa1qjzsDxpEKgIDregHBMw30mhQGSZgQrPfwN/sojk602Sde64kgWFPoXWoT+xFhx5efOZAAxeBCawx20+YKY2GvvyrdgJEwWKB0CeZ8UTgvvnR3iFOBw3kxahZsaE7n5WuaMg5wTLJOSBoKyyTsh8KISVIMxyD2Y+yqhVrN2CmjoqlsSafEMeR5uSHWYkkKi7JFfiZP2A8zp5OFU89JsdfyMKt2RvTdH7fYs3mCtZ7EBGSi5Ljhiq17oZh1liLSKCEdiD5pNIpKOr4Iqbd6pKMARF0nWW/Iedfsjl1mmLp0XUbdlMxGPS5QxgTeTI9Vr8jnTm6fyPvC0ea19fdmXXMVAcPQJ9YUDhSqNP0+a33JCzrXGuDoCseqZZ5qPIeqKJxv9fntsw25qo4SXnOwwGevDrmhHqOpCm0/5J0nyvzWs61ss1R42UyesqVwuGzR8ktcV9G5f33Iu05VOFYt87HlPWzN4khZp2CaLBbrNL0+BdPm4yureFHK59cHrPd89loyn478iI6foipwQ92mbKo8thvS8YSu++hmj/mixXrPZ6ZgYmoK919pc+thYals9IJMfwH3X+1Qsw2GUcyOG9FzQ2bLNtuDgFrOoGxrmKoqmg0v5MyUw6NbPR7dgrcer3G6btAYmqz3RcfSGAasdj28KGGuaHF5tY2dMyQcsWDy+Stt3nnjNJ+90qFZMHm+7VO2dHbcmAc2n+BoeZqaPcFaf5VvOFCQEUgQ88WtgJm8SdMLyZkasaEx6HhcV7Pp+BGvumWO5xouHS9iqWLzuWW5epspmKy1hvi+aATSVHQmhmOMQxtNVeXBtQ45XUPTBDTnRiLQfem0QT9Ix/lL265PwVQwNZ3GsMekY7CtKsRhTLgXYk44DAcBQUbuTaIEJSchiv0g5viEFG5HqzlePpvnUsunZmv4MSw3h0RexKEFCbA7VdOJU7h5toCjKzi6Qj0n7rabp2Rcd7kj2U8AtWM1Wpda+4VL4MqHXUDRTXF1xBGKZYmVdRRul6RZkSJi2bEl1XH2HSDtHtjSJZEQvGx0FPlyVX5iLuvYRKJXqRRRkoRkbQ91rkZyZVvstPUK8RMraAsVku0BmGqmY7FIvUDSn8sO8XZPuCu9AG2uRNrqo0xXiC/toN1wABpttENiv076AUlbQgnxZGyhOgZxZgXWazbW0QrhlS75O+aJljuiRfFjQjeEtRSzYJA7M0Xc8UkHEu44zh7KipvUkzTqpOPLqMfQxp2f2I9QQLoUbij25CzTaJTOrJYtCBP8zT72obJQasuWFB2mgREmeCsdNEsjiVO8lk/hQFEKooKJ4ugSo2CoJHGCOZ3Hv9AkcuX4WtFEdwz81S72sSrhlS56wUSz9LFdO/IijIJB7kRtXISohoZp64RNiVEwF4qEm33sU3XCyy0pztwQrWZLanXRlN/LhJOB5hIUT5VOzTBEmynup0eryn7XxbFJNpqomdVesfT98w1tP6BxVLRUilLI2NY+6n8ErBvFVOz1vi77hADkvroi6RqA7muzrhUukOlIFNYHLe7fCFgsCrPjcifiVM3gz1abnK4bfORif+y4iRPRhqxN5MZ6k103wItsXj49yyeWB8QJrHZ85vI6bphytunz5PaArm9z62yOy52YtX6Tek5jvR/jRimTjokb+jyz1+PmKZ3TE3lWey5LFZvnGgOSKEG3dQ7OlXjfE9tomsots0W82OL+1Q6mpvC2E1Waw5CTk3nKtqRDP51lFnX8iGdXWvz0Gw6xNQhY7fg0W0N6jsF1k3lWOx6H6w79IOa1S1UutYYUshlyzpDiZbXj86YjVeo5jYc2XDRF4URV5751j01dYbUboinKmHx74VKM2/OJw5gbjk+wWLIIk5SVtQ67NYcffdk0j5sa96/1iFP46OVLwCWCOOW+1TYvmythagqDMGFrEGBqCotlm0vNIdP1PI9s9tEUhSQV/L2mKjSHEZW8STeLSRgB6Ma/8zghl3ViAGo5nRumynxhrcvrDleZzBKrvTilH6R4cUrTT5jKhRRMBT+G1d4euqoSpylaxrdIooTltoeiKhRsnZ4bUp4qULbE3VQwBYy31Q+o2TpP78hIbb0Xstr1yJkabpLS9CJuny/hRilxijiOFAnJ1BS4cdJgrR9TNlXKpkAOl7sRk++8nubPPEDaH6LEkehavK4ULH6fNIpQdJ10MJDNIUn29QeVorThx3TTcP+q1vOlfe96MDcpNue+K10TXZw3yco26uIktH2S1hDVtkibXdFD6CJyVQ7WwQsylH+PuDHEuGluzJVRIAO+ZVbnqRrJ1R3JOQKU7kA27rUdoo1s05+WkY92sE6620GtOMRhn6QfoBVNgb6FCekgwniB4yj1Y4wTNTjXRK3aaGFM4kbjAij1pOOili3izYGITRHnkDadl66DG2UEWQu1YErXRFPGHYzUi8XxtFgiWu2OCwBFVaR70/HH3Zlos49q65glAfA5s/mxywk/Jg5jtMyWbBoqg9Ue6pUumqWjV22CHRetCIOtAfn5Av4lsWqnYTK+LW64Mk5KUvxLbayjlSyNWqzcOgKbI04x6o5Qc1UFJS8EX8Ux0OqO6F3ChHhH3GVoioz3MotyvNFBmymKcNY0pIuXdU+EH9NDq4Yy+usPoaJn9uYXpEuPGEEvTCsfaa5GTreRSPfrsJSvwajnmsbla7OuvYoIvC1vGLS8ZFy0ZHBLrqtUeM2BKh8612O57ZEzRGewVLEJ4pSGK5v0DXWT1x4sUM9ptAOX9Z7PyUmHuxYLXO2FfPL5Lr/yyBbrPZ97VzscKpm8ZanObTN5XrMwxe2zJttuzCeW+5xtig6mGwzZHg65f93j/qsd6o6BlSUH37ZQEhfBMORSc8hHzu+x2x6y1fP56EVpxXa8iGd2Bjy03qUfxMyWxVVi5Az+8HyHgqlx18EKiqpQyZtc2O5nzy3H7QtlDpYMarZB0wu5fd7h+rrDXYsVNEXh3J7QbjVV4bFtl/92vkvJ0nhix2W+aHDrrMNSRRw2I7posebwR+f3uKFu8syui1W08DKS7dndAR0v5u7lNs1hxKObfe5bbXOgZDOMYr75SIHze1LAxRkB19QUQer3Ay5s9/lMpqXpBzFbfSlwbF1lvmgKdyN7LKMixtRUCoZGLWcwUzCxNYWZgsly2+MzV7qc3/M4VtGZzWcpuap03O7fCGgMY0xVihVNEV1JOAyZXSiTpCnVosVM3uTbT01RtjQ6vkQd9IOY5faQpYrNg1el0LxzIc96zxet0VyJomNwZrrAqxZybLvCeqnaKlb2fAumyiAMOVq28eOUBzY8lrsRT+24cOYEngfhcnu/YBktq4BiOULPhX13Rzcb/YzIufWqfP3oohQr9YpsGt2BOIA2dmXUUyuNaaiKqggYrlQg3nNRJySkUbFlDEQQyte9QMZD9SLqwgT6QTlGstsfO0zUag6lJsh+2j3UiRLqTAW1lieNxPqbDkJJK05SossNtOkiydU9lJxB0nb3kfvZSMW/3JJiqeOLhqVioRT39SxoCnrVFrdONuJJspERSZqFFArPRTHEJjwa6QBEq11x9riC0ddrOdG7bA+IrkjSddj0SP2IxIsw6jmh12ZaErVsEQ0j1IJJlI2MyLQnUUtAdaP0aW9dOgxOPYe3J26c1I0wHIPUjchPSWGRRAlBNyByQ3ITNoqhEvtC0k3dCL8r1mYMVWID3FASqv1YwhbdUCIOJh3SnoQvJg13XJypRZO44aJNO2JB73jEey5J25XXqitjy9QLSHezWIn+UEZ7jrEPlBtpW9q9fau+6+0DEUdp5aNQxRfeFsX7uqtr6+/Nula4AKcnChQMm6qtsuOKzbRsCdANwNFNVrsemqpwx1x+DGc7OemMnTlP7gY80whoeTH/7gurFEyNpbLBo1tDobZGMTlT42gtx+nJPKqiEKUJ9VyR51oNHtwMOFLRefuxOgVTpROIbVlMEBLQ1w9ibF0llzepWSr/5pVzHJ0p8OpDZQqmRjiUN7z1nj9OIr5hKs/rlspoisIP3VLnhqk8333zDK9YKNDxYs7vudx0qMqkY3D9bJGjVYsntvo4usKRis43HS4wX7RYLGqcqunctWDxjpM1Vjs+Z5shbztW4NWLecqWxmJR41JziB+nXGyHY6DcCLkfZMTYx7Z9tvrSpVJ1la2+EG23GwMarhRJ8yUTVVG40nS51Bzya080ubTVp2xJInTfi4hT6PoRQZxSL9kMsrDBgqnRD8V6DBAnUM4KvmAgAsskSviuUxMUTI2crnL/lTaOrnCynhMruaJgagpHyg7bQ3lOfizdj4Yb4oYpT++1COKIpy/tods6qq5yMnN2BXHCMEqEtmtqnKw7LJYsjmbW0punHRRV4XJrSC8QOu8DVzvcu9JiJm9y/YSFH6ckKfhxiq1By08kF8pQMFSFp7JNqzkM+eJ6n5dM53nEGeIUVJLdoXBcFFVSosNMP5JEKEZ2haqq+1fEppG5jKKskElfHIg3NwUnllCrhXGnJm2I/iVt9UVzUspLaGLRhENzmTgzkg0+imV0EISkjbZg+ptdFF0l2emgzmfFkheIlbrZFfHmyF1SE+u1oiooeckPwhB9i1Z3JD6gHxBv9aTYiFPijQFaLYdiaegFk2C1S9DKUpDDhDTTpKVeRP9ck7AxJFjuCCrfjQSFv5xRfwuZi6YfoNg6/noPf7UrLh9bl25MnKIfLOGvdsUyvTEAQ8W72pU4g4Wi3KfuCIEXxhbouOFiTTniRjJUIi+SgqJoksYpwXJHio6CiZ6T+ANUBedwRWzThopiaXgtD7Vqk4YJ9qEymqVJ1yVJRSTsRgTbA4J+gG4J2TbNhMJpmAghF/D3xKmk1XKSOl3PZeOhUACHXizdm4WifH8iTiMlC2RUC6YUPw1XCtdsJT2h3io5YxySmfa8cXZW2u7tc4VGjJcxX2iw74gLwn2AYmHflfe3ua5lFf3dWddeRcDSDLrBEEvTsTR4atfjcieWZOAowNYNjk84vOlwGS9Omcyb4xFDcxjyvaerXGoOmcjpXGhHxEnKP7mhQhinnG2INiWIU95+/QSvPVjgQNniStfHzn7upG1RMBSqlsHGoMe9ax7n91yW2x6fWhlwfs+lOYyYL1pMOibDQcBvPrXDzz+0Q8HUeHijz1IlR66aIw5iTk46vHQmxz86WeVbjhTx4pTvubHGthuTpCNNoMJi2eLqnvAYVrs+mqLw6JZLo+tRtVXcMKVoKnzPDdNMO0VURSFvGJyp53nz0SoPb/T56OUBy92YU3WbxjAhp2vUbZWSpVEwFII4HXc5cqbGpGPwZ2d32NroyjilYDKZNyRvx9QoWTofv9zh5mln7ADyooSyLRbjuaJJP4w5OuEwkze5eabIyUmHNx+tULUNuv1AEP5hTBAnlC2dphfSbLj4PZ8kGxspqkKSSJbR6Um5krvcDljvCdvm246VCeKUhUINEPv66Yk8H7ss3auL7ZCDRZsglkTt7nqXfM3h0a0+hqbSaQ7Z6gc83xbRs3SAVF4+Y6EpCpfbAXlT40DJZqMf8Q0Hy2N+y3pPNrXVXsyRsryeZVMd6TzZHiboqoRNhln3aRjFqAo8sr0lI8FLLXERKaqg/+0SKCppHIn2ZfTm/0IR5KgVP0KxNzv7AXndviD6HXvchVHm6lCvCMJ+ukra7BKd35bxkaqiVAviAFqsyeiqkIOZugDgwiSzzybSicngeCM0vKKr8hhGI4G1bSg4UjjM1VEqYjdmpk7ihiS7HfQjddRaToSyHZ+4IcnMiiZjGWO2QOGuA2OtSpIxWMKOj25rmLMFzMWSQOkyHYtk9AQomnRwRqMe1VBF2JodCxh/rlka+mwB41gVbdLBPlCSY9iaiH7dED0rcJOWN7Z5p15M8GwDLRO6+o0hSdNDt3XSOMUoWyi2BKHGm4NxUCIwtjg7h8okGe029SKSMEHLhL2jnB/dMTALJnFWrKSunMOKIQWvPluQgqeQ6Vim86i2QOfQFLGLd3y0upN1ndRxSCVBkoH9TLRDdbQpgeUlvYA0Soh3hyS7nUz/oozHjKiqdPPCTLsysuj3Xem+jAIXx7DEVMZIrgft/t/KvvAX1zVX0d+dde1VBMqWw0KhRs3Kc2rCYNIREm3TS7hvvctvPHuVYZjgx4L5D2Khvj6zMyBnaJRMh1cfLGJpkj/zTUdKtLyETiC2WhAr8M1TFh8822IQxFxXyWNqOuuDAb0w4JVzeUxVx9FVbF3l+ITDtx+vcqBkslTJ8W3HJ9h1Q7YGAUmUiBW2NeTsrss/P1Nj0jH41uN17jxS486FAmVLpW4XWevH7AwiXjW/yGPb4kZ6dGtA00+4Yy7HXAZMK2dhbrfN5XnLySmSJGUmb9ILUh7a7vC7z+1QNBWe2fN4tjlAU0Qw+sR2H1tTeHx7yKkJg9sXSnhxypPbfZ7edVnteExM5lF1FS9KmCmY5Ms2uWoOTROybE7X2HXlqixOBSr3Rxda+D2flxyqYOsqT230COKUhzd6xFnBUcvpIoBWVe5e7vD6wxXmqrmxm2cUsghQruVepEOxihY31G1um7G4qV7g9EyB9Z4vwl9DpWgo/PgtC5QsyS8qGipeLOOnW2cd3nLYYbFY598+sE519Px6PsNBQBgn5Mo2w44ncQOqQjMTTd99xeWm6Txbg4CaLefarhvy5yttef5BzPEJh36Ycl1FZyYvm9jD2wGagohzbZXzLZ/TEwa9IOWW2SJvPFyhH6Y0vISJExNEfkzy9GXo7UihopsQBSilKenAjIIWHRvFtlDymWNnpHEpyMYqV8LpPuhrFLDYHYzJpdqBmuggbjyGfqQuTI5mh7TvEm/15Mo4zqytjRb6bEH0IV4s46YsdyYdhlIEjKiqtXKmwck6RJ4g7dONBvGVhrh7mh3Z+PNSbCn1smzutjhq1IpF0gvH7pgRS0UtmlhnplAcXRw4mY4j3nZJB5HoNjIdShomojNBCg21aIrgdaEo4t3MigxiC46G0birM3oMLww9jPoBxlJZHnc9J8VQluqchDFh00N3DCkeiiZxGI/ToEfHdBtDAf4ZGppjoGZuuZF+x1vvk/aFhDtY72PN5InDmPyhEmHW7XRm8zJSq+dkPJRpdzBUjKm8dLU0GU9hSOK1Vs1s30lC8Nye/A40RQS7joE6KUnNim2S7HSgVJDiNBMwa5M5kqYnnSZVEZ1UrQRRhJqXgEm8LEtr5H4r5ffZLaNYitH5AGBf47j8XV3dbvev9fGVrr9fr+JfsbwoZGfYZdop8sZDeW6eMvBjcKMURxftg6EqnK4bzGXt1JumC7zlsEM3cJnNaywWdfw45fpqjj++1KWek3GRm12RmarOKxdL3FCXN2JdUSmbcuU8iALW+kPOtULO1A1unTEpGgphAnNFk7IpELThIEAzNeaLFrqt4/V8apbJsarORi/g+gkbN0w4Xi1wqdNkNq9x+5xN0xuwWBKI2btvrPCRZ3f440tdgljGUHEi7puNQcRiSadqq5xvebhRyo4b84o5m/l8maWSbP71nMqxioxtZvMqTS/k8xs+cZpSs+W0emZHBJWLJRvd1qk7BkEseUV3HqwQhTGruwMefL6JqalUixY1W5w+wyjByBk8vtJm4IYcrjts9QNWdwfMFEx2ByG7bsiNUw7nm9I1erYhGpiypXNgwsHUFFbaHoOsazOCxCmqwqF6npvqh3jJ1AyrPZebpx0Z71VyHKnmCBM4UJyk6XW4+4rLH10a8GtPtjhVd7h5qoAXpzzR2ABgb7M3dnqpukrQD4hCIfT2uj41WwqQ6yoGpqZwueWNR0a7bshqx5dEa01hspLj9GSOgqGw0o3QFZXlbsSpCYO6rY5HVr0gwdDg8+sDltseW4OIqqVga5D7rX9Fc6VP48MXSFdWsoDFQAoYrw9pguKUUOyc0HRVXYIXC45cxZb2x0Fj19EoKmCkPRgVMH2XeGVPbu/296F0gDIzIQLNmTpKtUDa7osw19JQJ/JoUyN7swJJgjJZlqvzrrf/s9UXvEW1e+JAMnXJL0IAaFrdIbra2b8PZGMLGanEzSH6ggh0g+f29imym30pbNxQuhmqKtA4WzZptSLZRNH2QDbZrDMS77oojkG02hUkfmMozJMwQava4ha60CS63JZRzEAKsqTtE/cCjKk8/tO7AGOGzGBFxkthX0YxSRhjlC3SMMacLxKHMapjiE05TnDqObFKZ86oJE6I+gF+y5Pnrim4jSGhG+LM5lEdQwocxxDdzKhLlMHvtNk8SRiLriUrRlI/QqvZ40BKRg4pL0Kr5rJRki3/r9nEzSHxRjfrqvRlnPT87v7vOE5Rc0I6JhtfAaS7nfG4SJ0oSSRENiJMk5Rksyk2+lHw4mh8OLpNvbaN/V1dlUqFarX6ZT9GX/9K17XfOLDaa9D2B9RzRf5sVai4/SDlpkmDe1Y6vHLe4dSEgRenGCp8YWMw3mDdKKUfJmwOYhaLcpX6+c0BmqJwvhmw3o/5Jy+Z5kDJxDEs/BgawwQ38vHikLN7Aa+anyWvm0w5Bo6uYGgCNWsME3YHAbN5jdN1gzceqVEuWRybLrA1CJiuiNj298+3aXoJB0omU47KiZpBy3fZdmPe/3QTW1NQFWVcULzv6Q6H6w6vOVhkGMXUHYN+GLPaEcfQyZrF2WbE6YkCfpxiaQoHS0We3mvxxa2AfpAym9d4dk9Sjz98voOpqey6IRVLw9IUcroIJwduyK4bMFO0MDVh0dxQl+Lixrki5ZKFqqt0/YiuH3F6Kk/Z0lksWZQKJt9wvE7eMdjKioGZWo5/cLwyRuV/7FJznAkUJ2BqKhst0X7UcgZ5UyMOYpIoIcnGe1bR4s1HyyiKSpQkXGwLYyeIU07WdN56tM6RssOe1x0nM9cdncWyaH2e3htkv5/4LzmWvI609iNPuC5W3iSIU+aLJueaAWVLukT1nMpi2aJgasyXTBHwejGnp/Ks9yVWYISvsDUlE+ZKwWio0PJTpnM53rBU4BXzBQ6XDdwoZbUX808//REKVYPeRp/hBx8jXX5eLNEAaSLjotAjdQekgScFzShtueDIFe2Ioju6baYunyeJFAejdGldR1usiaDX9UTvomsyZhq5k7IPZaoqeoQsxDHec/c3INcbX0GrBeHFpDst+XlRTNL1SLqe5OMAiTcS6UYoS7OksYg3k46PWrKJNvuyqXuC8g8vtccJzqMXVqBvMd56X4Sr2wOUohBstVnJQ1IcXdgrGYdFsTT8rQHBZn/fZRTLuEWt2sQ7LsPLbaJ+gFrP4Z5rAhD1A+KWRzSM8Nd7KJaMjRRNfm5+sYi+WEJ3xLasT8uIJc7SpEfgu2gYoWiiZ9EMsbGr9Rx6LYffCcgdqUCSYs3kxyNR1TEkmRvBAUheUk5Adxl4L1zr7Y+vOr4Imdu+jMVqNvpsQSIAknRc3KkVCyUrhkaJ19FqF21ShMkjO3m864rAuRdAKYtFyP5elIKDUs5Iu54EgCqOTdLqi16p4KDmDBmJjXRXI92LY+8Ldr8O61pW0Ve+7rnnHj7zmc982Y/R17/Sdc0ODTzf8Tm/5fOu602mHI0oiSXcrinzVF3RiFNoejEXWwqTjjhtOn7EjFPl8d0eZyZNLrYHHKvk+K2n17lzscybDhawdZNn9rosFOBz6y1OT+is9mJ0VeNKb48jFZ1+JpyMErG6brvCQ3GjlNvmcsQpHKvMcs/aCoslm1tmHC7uDmjEYo3uBzGaIij+EUul5JhcXzWZzPdxo5SHthv86fNdNEVhGMWsdnx+79k9XC+i4YYslixqGWtlpRtkcSopd81P8ejOLo5u4scpb79uhueae2wOYl67aFOx8nxsuUnVUjk1YfCeL+7y8vmSCG41FTMbz9RyBsvtIWemC6gKvHbRZrmr8/pDRf73+9bQDeki3X+1w2LZYqZgEqcSLvm55RaRF/GT37jIz39xi/c8sIGqCzk2GIbEBZNaLuWGSUeswzmDYZjQdGWspqgKw9ZQvkdXuX62yD86foog8UjShIKhcNd8kXYgNu0kTfHigLPNHZ7YDbA1hZunTCqWwfmWRy9IyOs5HN0TIW9WHGmGhlWyCPoBpayo7HV9sPTs/Akp2zqrHQ9NUVhuD/GihLojRVfB1HjVQo4dN+bZZsTpCYNLHY8pR7pyF1sBN01Z9MKU+YLGRy63ubFuMuUobA5i/FjGmJqiMHPLDGo9x+4D68yv7chVaq2MYtgohk3qu2PwV+r191kuo1HRSJSb0W+pFPevdkeJ0u2uWFlH4LogRLn+oHxvwZGv2aa4kGxL7vf82tjSqh2Zlg2olCe5si3sloYUnUo+RC07Y36HenROQhln6mLFdrPHqCkkz13FODZJst0Vl9F6dzwaSpIU41iVpOlhnqoTrfcE3w+SudPxMQqG2JuzOIB4dzhG65NIGrRWs0naUlhpWdGg2BqpG4puBdnwIy/Cni+MBcK5RQFIWicmiDf7WBO5MVDP3+ljFKQICJveOBl7uOeRA+mQ2PqYRUOSYmc03dEoSsB6McbBEk49Jx0cxyDtx+TnpfCMmkO0rGOjZqTgZMcnASmebA1jtiBdlmwUpRiZHqcXYpwqE7eysMqCiTZZkddPU4iWO2hzeRHjDiJh16gqStlGqRbQrCFJNgKMGy5puEXqxxKQmTOEzVO0SQe+uKvmaqBrqElCqnpjp5taznRYBUfO1VFXZhQD8HVY19Khv/J18uRJJicnv+bH/fv1Kn6ZtTGIecexKkmacKziMJUrUbML3DFXZbFssdpzOTNZYalssFjSKZgaqx2fgqlhajo31QvUc0Ue2fb5/OZgzE1RFZWSmeNw2eIzqy5f3Bzwe8+1caOUz627PLgZsDmQP7y1vjfOFQoTsDSFl04bdPyUhYLGWr/JR57a4qnVNr/7zC5BpnWZKFj0w5hOkNDwEhxdYdqxeGp3yBe2Brz1uhJPNQKKhpJpLULiRIqS2xfEenvf5Sa3zxf45iN5FssW9ZzKaw8UcCOfK709lkoOqqLwhY0hd6/u8EQj5LlmyKHS/gn5xc0B9677vO2EBC2WbUnLBmgOIzq+pFFPF0xeOV9lcxBTNBTumJ3mziM1NFXh5tkCP3n7FHcuFDhSEW1P00/GNm43SjlQssedE1NTiIMYU1PpeBFPbg+43BoSxgnbjcHYReT3fHRLR7d0KhMO/+4VR7B0BzcMuHd9h8+u9nhi16Vg6Niagq6onGuF2WMUUezldsSVrs9LJsucrhu0gwBVUXjd4aroIzIAnd8VXo2pqdy+UGZhMs9kXuzWN0873HulTcHU6PgRw0DgZztdEdd2/IiarWLpCmVT4VMrA3ZcOT8+uyojkDCBHTeRTL4k5dm9kI9e6nGh6fPxi3uA2MF/7h1LWG99GbqlsfN7Zwk++bSIa60CmI6MiiwHJZ8VJCNdwUjTMuqWeMG+eHckhhwF4Dm5fa3MaLzUaI+R70lvuI9tr1eADADYH5K0s25LpQReIG4lVUW74QDa4UnU+fo4GTjpevuah50m8WZH3CzDUAqMYkbgnSygVW3hjVj6WCwbb7soeYPwcpu46ZF4MUnmKNKqNqotmH2CZHw+K7aONpnLdCSquIR25DhG3UE/UhGty1J5HKgYuSHRMBInU9aRSOMks0ln6c9uKGMrVcGaL0pHpyDQuNgNScKE/JSDuzsc82DizJ6detEYyAeMi6rYj4Xyi9iiR9ZtskJIy+zPo0It9WP0pTJRSy6Y0l6IUjSJt10p9txwPAZSioaM1BwD83hdbMxJQrzbJ+0FaPUc8cZAQHxZ5EGaJCLGzYBxajE3zjYa0X4VNXM6hTGp62diYmEGjSi7iqWNYyWkcBbnkZx/6n6XbtSavLb+zq35+Xne9ra38clPfpI0Tf+fv+Gvua4VLsCFpsdcvkI9V6RgWLQDlyiJqdtF3nxYgvSWux2WOyFf3AoomgJ9e/0hBxUhqG67Xf7hiQksTeENS0J7vdB2+fSVTfa8gLKtc6Saox/EXO2K2+RIWeeGiSJeFLJQsDk1Icm/xyqSUbQ5SGj6CfdvBHzoQmvc+o28aExkXV/v8OzVDgVDxkthAveuD3jV/ARnJk3uW/dYKhs0/YRaBkS70nQ5lCH533q8Rr1kc77p44YpkzkNN0z5/fNtNgcxLU/e/FRF5bUH87hRSt1WefcNB9AVlbpd4GTN4LUHC8zmNV4yWcQNE45Wc3zT0Ql8X9D3J+sOdy4UOFHV2XYFNGeoCkEc8dqDeWbyJotFgb4tlUQv1PEiLreGHJ9wyJdtHtoccsdCkXAYEnkRneYQq2QRpykbrSGmpvL4SptSRgkNsxa7bumkacqJ+RK/8OoDLBbnea55iW4wxFDhH52sUM+prPcDDFXhcrfNQxsuZ/cCmn7C+T1xWZ2uV3Ajn8YwYaUTsVAQ6/Qo+yhNUuIwJk1Smh2Pqq1lqd42QZzw4fNN2oOAjh+zvN4lDmIiP8KydI7WcnzXqQlKZo7n9gLKlko/iKnaKp94vs8wA9t96GyTi02PlW7Mg+tdgSGmKWcbruRa7QlDqB+m/C+tq8z+8XvwOwE7n1sjXd0i7WdOIwBNGq5KviIbw0iQW8rv205hf7NwPRHMFjKabsZIGRc5rrcfFWBbIpgt5PapvI02ylQNZaqKWpcE8DFDBuTqeauxfxVtmzBVQz08I50h1ycZ+BDGmYslRl2YGP8dp54kgGtT+TE5N1jtolYs4o0+/Sd3pIDoBcRZuvFoDBNeakuGUTZ+0ReKKNkIZCToVQqG6FXCWPQtrmD0URViP8KczpM/XhuHM6ZeROrHxG5IvO0SuyFa0SRc7ozFvNp0nuHzbfk829wVS6MwI6Mive6I/sbRxTmUJUsnHX/MnzEKWUZSGEsh4YYELY8kTsYMpaAfoNaEUxNsD+R7gXCzD9mYTC1b+8ThrAOkOvvPOel6UgwOQ+k0Fc194bKmSOxAwUQt5vYjAAY+aRCO06jVgikCYE0Zc2NEu2KhLVRI+5mQ282iK0bnXXcg3T/H3i+kbXPfZfR1WNdcRV/5+q3f+i263S5vectbOHDgAD/1Uz/F5cuXv+rj/v16Fb/MesV8npLloCsaH7q4SxBHrA8G9EOPG+t1jlXLTNoWpyZM6rbKbF7l248WuX3mIDVb2rGaoqAqqmQKeQnXTwgcbNNNcMOUW6ZMjlV0vufGCYZRzGsWHQ6WLFRFJUpitl2fXijheY/tBHQCEcU+ud1nqx+w3B6O34ReaOk1cgY3LlZ46XSOQZhwoeXjRin3rO2xUKhxcsLkTD3PJy532RoEVPImbz89xc0zBcqWTtFUWarYHCybaArcv9bD1hWuq5o0vYQbJiZo+h5u5HNmcopXzuV589IcAKamoyrquCtQsxT+ZLnNWj/mW47IxvQ9N8/wzdfVOFw2qFkKF9sR265wcsIk5YMXtlksOnz3DVVsTaFsqfQCsWHfPu9w66zA2Xw/4oELDT50dhcjZxD5cvXpdTx2N6UbEcSJJC9HCQenC6QZ0TYOY4ycwfefqXJ64iCNYYMLrQ7nW01WezFVWzKJGsOEpxshq914TEO+Z6XN+abLZ1cHbA663L06GI/x3MjnRE3gdsWpwrjzYuZNVF2l4UbECZzdddnqBxQMjYmChe9HTE7m0bMNcZgRjJdKGn96pU3e1GgME47WcnT8hH4Yc8tskbKtESQJT2z3pXNjaDyx1edSc4imCGxvJtPUGKq8lj//2IeY/dajuLsu/kObgv3XTem8ZJyXtLUr7X07J1e6pSpMTWRi3fx+IGO7tz9KGpFNkwzC1u3LZuLkXnC7KoVOrST/ju43IvGOkqVtS3KMRiMqz5er7r4rNtiuUH6Vehm1mEObK6Mt1qTz0B0QrfVI3Uw8HEqHY7Qxa5YuX/dj8sdrsjlnBUraDwkb0tnw13ty9Z8kKEUD/9Et0Xq8QBOjTeeJG0PZ0Avm2A2U+rEQeTs+8Y5LmIU6Ds7uCU1WVfBbHpEbEWaOGq1qS3fCDTGrtgQ+ZiMstWyhFIxxZ2VE4U3CZFwoiQtIiiPFFreRUXckaqDukGR6GDRlzH4B8Heygq3jo5eFi5M0vf3Ygs0B8Y47FhMD8rVsjJR0fJKOJ0WQF4+5LwDBhaYUeVE0dmEBQtMFtAlHxk9ehKKrqBVHCrvNrHjNXGFqyc7s0T5Jbzjm/4wF4qNzR9f3QXRfh3WN4/KVr3e+8518+tOfZnl5mXe/+9184AMf4NixY7z61a/mAx/4AJ73NwvI/Pv1Kn6Z1Q0SvCjgicYGt8+a1OwCxysT9EOPfujx2E6LmXyFQyW5iuj4KVESY2kmti4slrV+zB9e3GPaUVnphNx3tcejW0NuqhskKWy7CddV8jyxG/DW60rUbJUkTQniiOdaQ07Xp4RI2wy5ecqUi45I6K4j0WytbEunJU5kQw4EA360luNQsc73nJrH1CSw8APPNviNZ9d508EDnGsNeMmMiF5vmS1ybm/Iwxt91ns+19dsXnXA4TuPzXPDxAQn63kMFU7UdIqmQpImJKkkaK/196jnilxs79D0+iRpykpvl+c7IR0/5TOrLscqOg9vutwwscCd8xYnJ3SmHY3nOyHPNiNunTGZdlSKhmhUXjVv0g89/Ez43BgmtPyEbTfhVC1H0VT4/jNVXjJf4oaDlXE3pVhzpHhTFGbmSmimxtYgYNDxGHQ8VjZ7KBnRNk1S5qo5Xjl3I4qi8qnVq1lHK+ZkzSBJU1427dAJEv7kUos/v9Jl1w15cK1DECfcMlNkGCX84YU+9WyUEyaw1o+ZcuRNORiGYz1NEiUcrDlcag25c1HggI+vi4NrMm+wkFnQQVKlzZzYyHO6TtuLOVbReXrXpWpJ0vYNk9IJeXJNErsnHYOcLmLomYLJyUmHYRSLRimMWaoITBHgcidG+Z++lzhKhdmxtb0Po1NU0E2xQisqaSQbZRq8oCBxcihTWVejXtl3dGQUVEbBh7oOUzXp3NQrUnSMAhdBMmrW9oTFsis2WcmeUUSzst0WAWY2DlCLuX2HUr0iHRvXA8cmutoG25TuiGlgnJwR7kucknQ80a0craLVHWGpVG2MEzU5X0aWeDfMRnsBasHEPlRGMUSQOgLHjZ00GbwtdSX0cGRxTnvBeByj2JqMfeo56ZyM9Ciagn1mmtxiidxiCaOekw7HjtBlU086MtFyR/Q1fjyOARhpYUZWZ71oys/OPuSJpDIWG1mviyZqzSY3k8eayEmhZGYOnjDBPlCSJOjtAVHHx8gKptSLSf1IuDWxdFpGIyd9qSYxDJ5A+bSZ4nislvYkW4o4xVgoSsEzfEEXJLPBx5nDEBB9UqaVUqoFKSZ7npxD7R5pEJG03fFzVEwpUNK9XgZJjKWQHmUXJfsjvmvr7+Y6cOAAP/3TP83zzz/Ppz/9aebn5/m+7/s+Zmdn+cEf/MGv+HjXChfgHccO8p5HLvLeR3ZZKJS42N5BVRQ+u9bB1gy23YTVXoPPrrksFsXt4egWg3CIF4U8sDEUUayusNqLedVCjjhNyRkaj+0EoxBYVroDvvVwiYmcQdEw2RuGOIbJUknnnrUt/nx1SD2nse3G4l5a741tv6Ef0ex4qLrKwmyR15ya4shcCaeS4zMrLYIkZtqpEsSSguxFCW9eKvDw9joAj2z2Ob8nadAdL+bMTIF3nCihK5I0/HRjhwc2G9RzKk83QgxVxYvhnrU9vChFV1TcSGIIvDjlV5/cYaW7y0NbLpOOzuW2jEAe2fZ57aEC//WZixwu1Wh54rha7wW0hhGfueplDqw6K90o61ykHK8WOFmrUrNVekHCbTOTLBbrzOY1Vnsxr17Mc8Okwz+7cYJXHamhKWAWTI4ulOkMQ/KmRs8Nx+MaAM3UqBYtdEvnnSerREnAanebC60wy4mKebIRYmo6V3oe5/aGNNyQ5jBiJm+Oi4umFxKnKTfUbeo56TCdqOocKpnYuoJu64TDkPxkfrzJjGjHD651mHQMZss2JycdarYUHlv9AENT0W2dnKESxCnPNDyO10we3/F58+Eihqpwoibjgz8+u4OiKuMspq2ez10HK9wy43BiIsfxDF5nqmJNLxriROp4EZc6T+LUbHaf2iU5dxXiQDouWbcQwwbNlG7MqJvyAmZGGkVSkGTcFuoV0aZUirLZqKp0UkZuo+4gu10ZBzOOAxn7rmx6ttB1ccQWruQM0bU49vi2MYDO9WSjUlXSdg99vkTaaAtpteOOR1iKpaEdqstYww3HYDi1ZqMfrIqLpmwJSM5Q0bPkZLVmk4xIzpljxjhYGgPqUi9ieLmNYgiBd2SX1iaFyqs6hlB441QSlGcL4hCaLRBv9GWs1PGJmkOMpYqIZF/wWMylMpEX4e8N0XM6vStdUj8aJzSrZdEdRb1ArNl5cTkl/YCgMZQcIUcnbg5lvNUUS3Sc2bzjjQF6BoEbkX6jjo9eMMf0YOJUxjaagnGwRNwYSidnEJI0B2KxNuT/8Z47Hp8lboSxVBl3ZNAUKbr0/agPIsmAiq52JOW7aErEQzbmUWuj4leou4ojHZ5RUTgaQyplZ3wejM8P14Oe+9VtAH/NpWZd9a/u45oe5xu/8Rv53d/9XX77t38bVVX5tV/7ta/4GNcKF2B32OPs7oBJx+SXn9igaJh8YWuXm6dM/ijjEKz3I26eMnlgw8PQFKI0puH1+PTqKs+3fW6aNJjNa5xvBvzJ5R4dL6YfxByp6Lx8us5tsxXmChbtIGAYRTT9gD+53OfDlxpUrDxP7HhoClxsRzyxG/CFjSEzeRMtc/fMVXPceaQmnJBY3DavXyoRxwmdrs/vX1jngc1L5HSVIE6IvIhuEGFoCl4svJA4hTvmcrzpcIm6Lbbax3b6fG69nY1oEvqhtF2f3A04WbPoh1JYfOLKOpfbERfbfaZzOUlc7nvUcxpHyjqHygb//KYqu27Aw5tDZvMalzrNMe2140dcag2p2Rr1nMbvnFvnUEnnQKHIzZPz1OwCbhQwlcvhx/DsXgNbN5jMFVgq6Ty85dFwIwxVkbFLlry83vOJg5hvP1ZDNzSMF8C44iCmMwy5bq7Idx2/BS8e0g5c+kHM57ORWNlUqJgOpyeqvGwmj51Zs6803Yxxo3KkmqNm6zy5M8QxJAqiams4usltMwd5yZEJIfx2POIwpj7hECcpZUun48f82dkdJvMGl5pDdjPC6esOV5kvmiiqQs02mHJ0mn4muk3BMRQWChqNYcwnLjU5XHf4hsM14jRlvmgxU5Sr0cWixpVOQC6LGzA1hcs7A5peQsdP0FSFz66tMHVmir21IcGzDVK3K/boJAHTAc0UvYtuolQm94PrRuA319sX2ZrG/lXuyEI90sfUylLARLHYots9YXJk91MXJjJWRx6aXemitHvyc0ZC4HZPjjcC02U27LQnx0ianlyRNz20w5NSnJiGHCsbM+lTAlYLlzukrohzg6e2xsJSVAV9sYRWd1BrNvG2dH4USyPedjFPTJC4kXBZ6jlSL8YoGAzPifg53hiIZiXrSETNIYqjoxRNorWeFDxuJKJdTSGNs585nSda6xHvuOMOSbTcIWn76EUZ5xj1HIUZ2ciNmk2SaVLiXiA2+2GEd6ElImRDw5xy5DUJEwHYNTMhsL9ftCmOjmLphDsDwfHXROw+3JKARCXrriT9AMXSBUQ3l5dU55rEByiGNi6WRs8x3ujvd34yjo1aEq5LOgyJNvvyfV1PsozcUDpegRQ4RBHxekvQ/4aMDcWp5cvoMm+NIybSUfzEOGIiC24s5cH6OoUsXhsVfdVrZWWFn/7pn+bQoUO84x3v4Oabb+YDH/jAV3ycv9+v4gvWPzld463HSixVLH7tqQa2BueaIb0g4fbZHPMFXTQfdZPXL84y41R476PrbA4SvvmIvNEsFiX5tx/EzBSEzbFU0ml6fbqBS8GweXI35Gc/v83PPLDFoxtd7llp891//ByfeXaHjz+5NbbK3jaXYzJv0HBDXrtURVMVHtro4XU89lpDwiRlqawznzlujlV0zjXDLD1ZWsMLhSIzjkPHT1iq2Lx8Tki6AE1f9BxHKjrP7Xms9WO23Zg3HixTtlSmHBVbMyibYrVNkpR6Tk6Xeq7IaxdtbqzXszydFMcQUu/uIOS2uRyzeZUwTrmuUmC7H7BUsRmGCUVDYa0f8+oFmxPVCjOOhBLamkE9VyRJU14xl6NsqTyzd5Vu4PLwtjyn83suX9z0ODmZp+GGVPImZUtnfsLhT59v4/X8Fwlkk1jYLaenCnixy+fWV0jSlG85kudf3zrNJy41eXp3yMdXGlzutumFCe8+M0nQD4iDmGbHo9XzuXlKRjBNL+TsXsRqL+ZYZZaFQo2cnmemYFKdK5GvOZTqeWo5fewiumWmgFkweWqjRyEbZ5UtnSe2BFM+UbCo5XTcKOXc3pDNQcKjmz1WOjGqKgyXWmbvvv9qh0EQ8+DzTcq2zjcu5nh0J+Bo1ZKunirOsetnizS8BFtXOL/n8t/Od7j6068DYPfRbTi3DN0t2Qj8vgQxamYmyI1E4wIo+byMkUYRAJl9eqx5sc19PHvf3W/fV4oo0xVYmEaZqmXC3Na+oDeKpDBR1YzrIpqGtCWvSbq6tW/J7g6gO0ApiihzBK0biT/TJJWui2mIEHQo4YAjEm2add+IU6LNPtG2S5Kh9EeFiDbtYBytoh8soS+VCS40x4nPxOKC0aeFixK7Idq0Q9QckvZCwp0BWtnCX+6QNIZEDRc0BfdsQ36+Jxt67EdE24OxEwhDlc7IiIdiqKiGhlbLoS1k9FlDinOjbOHuDqWjZGkYBVOcSmGMoqnSPRlRfPP6OJfIPJr9HrNCfsR9QVUwpvLoOeENKVnIYpQVL0nHz563lhUt4qrSp/Moli7C5QzQF15qEW8PxEJeNEiDSIqXbHyTJjIOQ1Mwr58i6XjiAgPSaF88PO6ujNxTRXlfSzsyDlJK+X07vqbsn49JKonS/4OvX/7lX2ZpaQnbtrnlllv43Oc+91fe/9577+WWW27Btm0OHz7Mr/7qr/6l+3z4wx/m5MmTWJbFyZMn+chHPvK38tg9z+N3fud3eM1rXsPRo0d5//vfz3d/93dz6dIl7r77br7zO7/zKz7mtcIFqFp5NAU+8bwwT958uMBaP+bGyRxFU+WZhkfLi9kcxMwXNII4IojFLWOocKBQxNFVDhSq/OBNC3z/mSpvWCrwncdFG9AOAjYHEe97ZptPXm7RbLi85lCFly+U+a5TE2imhm7rFDLXUcePePXCLO88LnbjG+omb1gq8wM3T6FbOsWSxd3LHT52uT/euBeLDvddldESwMJknrl8lau9AfWcSseLOTVh8dBGn6af8LrFPPWcxhe3AtZ7knZcsTTu3+jykskis3kdLw757NU+mgKHyjqfWXW53Inohx62ZuBGAW86eIDXHzzKNx86gBcL2+bMZIX1fsxsPseMU+H6CZuFoslP3THF59YGzOZVbM2kYuVF55NEuFGArqjYukHNygsEMEzYHESs90Luv9phfc/lvtU2f3q5yXSGwh9GMaubPTYbrmS6JCm16QLlWm78pniiqnN2b5Wmn/CRSz06fkLFdJgvWlxXs7nU8vnNp1s8tePyW0/voZn70QB2zmClE2OqKqamUjYVVEWEyUma0vE7vPN4jZqto6kKR6s5nltujUMkTU1lOm+SRMk4D+qJ7T4dP+L5hkuQJBzKmC/HajlUBd56vMZ9V3t8bs3jYjtkGCas77mYmkLe1Ljruglm8qYUpGWD83sec0VT2DVZptVKWzoUt8wW6XgRv/b0ReZPV2hccYmWm7KxKKoQdeNIihdVFaZLmgi1NM4Kmm5/XFzst+kDKWhG/69X5UPXs01FuCMkCZxYkvtVihCII45mV7orza5YqJFxEaV8VtxkBceIH5NpX5KBjzIzIZ2M7gBtsiCdkrU20ZWudJSyDB5tWjQm1pkpySpaqohYtmhI1wOhKCf9YIyuV21N3C8ZPE2bzu+7ilQFNbP96nUHDFVGR4YEGSqOjrlUIWkMJQtod4i+VEaxdfSqjT4tRVcaxmhZ12OU75O6kRQ3a73x2ClxQ8z5ImrZoni0grZQlCwlRyfxoiyJWvKIRq1NRVVJvAh9oSgAPUO0N2gKSsEQMGLHJ9wZoNs6QT+U/zeGaJYcV1GVsQ1czUITR/RcxdbG75tqwRw7kBRbJ7zSlcedASAVW4cg2Xdw7Q3GnayRSDfNHFJK0R67wmQ8FwjbJZFzMdnNyMi6JllYI0FuFH3dIHT/b7mKPvShD/GjP/qj/ORP/iSPP/44r3zlK3nTm97E6urql7z/8vIy3/RN38QrX/lKHn/8cf7X//V/5Yd/+If58Ic/PL7Pgw8+yDve8Q7e9a538eSTT/Kud72Lt7/97Xzxi1/8G78+X2p93/d9HzMzM7z73e9mcnKSj3/846ysrPAzP/MzHDp06G983P/xS9W/xnp4e5OZCbHVGio8sSsbcGOY8I9OzODFIR+53ERV4J6rPt92ZIgXh9wx7/DHFzus9yNumjQpmSF1u4ChqtwxO8GljlzR/d5zEhp432qb2+ZLBNUcW/2AS60h5/dcDE2lXjHGRUs/iPni1hZFUyVvavzus02WKjl+4KYZ3nQqYLXrc267z+mpPOf3hvzTGydoeB53LhR5Ysdl0jG5oW5mdN6U5/YCJh2Dtb7oI5JUoHsr3QhVgdcvlXhq1+NwxWKjH/HARhdVgd9/bo/XHKry6JaLG+V4zaJDzVb51JUmxyo6B0smBdMmSmRs9uBml286WqNuF3n9YgnHsIiSmI1BxNGKQWMY86bDxSzmYEg9F9IY9pjLVwjSGDcKMFWdLbdNwZDogtm8zpsPO6z3fMxqjqdW2wRJyqCD2D8NjciPMHUZu+TyJl6UMJ03GeQMwmHIhXbErTNFknRATlf50+UB9ZzGqw4U+cKGhGD+wEvqHChavPvDF2SDyhLAy5aGocJqVwqBz28MeNlMHi8SfZKumkTJbhYXYJMzNF51appbZnL4UUo1p3N8wmGxbNMchjx3tUN9Qoqm59oesa0zCGKaw4jXHcpjawpenPKqA0XcKOXPV9osli1efahM1VK52Aqo5nQcXUi6y52Q9Z7PybpN2ZTco/N7LoXMmVS3Vd5+fZX//OgO7/qVtxDc+juZxbcghYuV6VzSRES7SULa6+zbnFUPZWqStNvdx/+rqvxbKe7zX4JQig7blIJkqrYPsIvifct0kqAcPbCvi+kOAG0suBTtSpptTMm+zToZOelU0nXJKdKOzcjxuwM0QC3bJB1vXLhEV7oyCmoMRcMSxqhlm2ith36kgh4m6AdLRFck9DG81B4nPKduKIVMzSbeHmBeP4FWz5H0RcyrOAbxRh8yMFzYD7GunyD1YvTF0nj0gqYQNlzhs7xshmhjgGJJJpI2K4VMsN4jCROMskXQ8rAzuJxia8Jy6fhS2CR9tNkCihejFU2ijo+5UMAuW0SbfRlrhTGqoRGt9YR+m6VQq2WL1NbQ/VjGbJZO5IZYZSnQzNkCUcPFmJVsJjUrUBRLJ81gfmmSCkW440uxlGU5Rcsdkl6AuVSR4tNQx5ZzY7Esz6E5JM46Q0kvQFuoQOyK4LnpoToG0fZAqLsZ4TjVFBmteL7ACF1PzpsRO0jXIGK/W/O3vL6WALq/mM9jWRaW9aULsF/8xV/ke77ne/je7/1eAN773vfyqU99il/5lV/h3//7f/+X7v+rv/qrLC4u8t73vheA66+/nkceeYRf+IVf4K1vfev4GK973ev4iZ/4CQB+4id+gnvvvZf3vve9fPCDH/yqnuML1xe+8AV+5md+hne9613UarWv2XGvdVyAzUHMf368yesPFajnNG6dNTkzZfMth8s8uNUgSRMuNeUq4q4Fi4Jhs96X0LtvWCzSD2IOlQw2Bv3x5hvEEQuFEgVD51gtx2JRZ65occe8w9mGJD4freZYqti8bqnKUiVHEKfECWx2PPphOib37vYDnt7pc/dqi6NVubJeyLJuzswUcHSF335WwHZb/YBHN3u0vIStQYcPnWvzkimLh1ZafPxCgwt77pjEetOkQc1SWSrrlC2NvWHE/Vc7fGq5Q81WefdNdXYHQbZ5K2gK5A2De1e7VG2N9z+7wz1XL/OFrSv8y88+D8Dbr5uh4fVY6zeJkpgkTXnzUoFL7ZApR2exqOPoFpaucP/GFnP5Crqq4UY+jm7SDYbMOBVs3eBErcJKN8RQJSvqmQ35Yx+lTY+sziAjg6AfULN14iBmbXcgbXBFtCLveXiZe6/2+ZbDZf7nlx3E1HRunSnwLUeLfPfpCcIEjpanUXWVQ7Ni5Z6qOZyeKnCuGYgjyDE5VXdY6Ya4kU8QR2iKziAKWCzbrHZ9zu4OuNQc8tGLbQqmwrGKzk1TFk9s9zm/2UO3dVo9n61BgKqrFEyNsw2X4xM2D235WLpCyxOty5WOzysOlHnjkrByZvMaL52xMVTo+KJh2eoHDKOEgqlyz5UexyZy5HQB8q31AsqW/N7iOOH/eOwytQmV4bmmaFxyQnUlzbovhTqKrsuoSFWk6+L5pM3mvr05SWUc1HelQBnZUW1rP3gxCGFrb1+k6/n7QXkjV1I/E1Q60nmgVpLAx4VplLm6ZNMANNqkw8yFEiYoOWGraAsVktXdfeCdqqIUbdRaDn1e3C3aZE7Sny+3JOnYiwkvtca246QXEJ5vgqFKdyZOJXjRUIl3h6ReTHhZ+EnhpVaWoizAu1G3AFVBm81jzxeIrnSzGIHoxbECcYpmaQTPNQk2syRjQ2X4xM5YFGw4BlrVxsr0LVo9N+6iqDVbxkdxSrzWGwPv9II5HsPoC0WSpke8OUAxVIKuP05lHgl3k3aWdh3GJFlwI2TQun4grqBMK6MYGqkbEe0MspGbiJSjbSm8xJItNFy1ZhPuDETkPJBCKekHaFmEgOoYJJ6Qewnk+PFmhzRJUOsypsOQnCjiFFSVaL1HOghRJsv7AvAgJNnrZr/vbMTkeqTru1/lDvDXW0r6tfkAcdmUy+Xxx5cqQACCIODRRx/l9a9//Ytuf/3rX8/nP//5L/k9Dz744F+6/xve8AYeeeQRwjD8K+/z5Y75N11PPfUUP/IjP0KtVqPRaPDII4/w6KOPsre391Ud91rhApRMhe+6vgKQaTMEu3+uJcyOz651+Pbritwxa3K5HeFGPmECj+/4XOmGfOvRApuDiGOVCf74+W0e3nb575d3uedqk4ttn8stj7m8xVLF5vPrLm+/foIff9kUzWHErbPSxXh0s0ecEV91Q+OmeoGHNgeYqkocxAyDmK1BxOYgRlNhGMro4aGNLj973zqrHY9BmHDLbJGTdYdemPL5zd7YbZImKZMFk9vmSxiq6HH6QcqVXkQYp9w2a/OKOdlE/skNVU5NlAVIlzc523B5tuHyp8sDBqGMLnRV49UHcoRJytMNofEWTQUvDnl2r8M9a90xOdePI4bZ2OfJ3YBfenSLy+2IzYEcpx96zOWrRGnC7zy3R5BE2JqBrmjcNjPJVK7EP79xlmrRIhyKjXWkYwFQdXUcctgPY8Hvm+JqeM2pKQqGbN6TjskfXmzxha1ddt2AXuhhqAor3ZiarWLrJsWSxa4bopkampqF46oKQZyw3B7y6efbbPUDnt1r4MUhURJgabrkMeVNTk/l+QcnqixVxIE05ag8txdw+3wJ3dZRdZV8BhqbqeVouCF3LZY4XTc4XjOlKAlSDE3h+glbOltFG1uXOIeVbkQ9pzHtaHxxc8CRqk3Xj2h5CcMoZhCIHXoyLx28+YLGtitagrO7A6yShdfyxCkUuOIo0k0pXoZdac2niVhVK5V9xL+u7afyFpwXu49GttSR7kBVYWFarowzsS4wjgV4US5SrSzfMypysvsrh+fHf59KzpAcIjcUpgdIwaMpWeEkV9xJxyXpBSTDUDZBQ4MwkSTmUYGbjSmiy+2xnkMxVBGS5nW8hzcFrmao4kJyDBRbRLtJT+7vf2FDWDCZeHVUfAAoRQNvpSPQu1HGUJKiarIxG/UcUUM6DaqhohZMjKm86LGyvJ+kI1otNPle99k9Adplrh3VMfYhbpkQWHKVDEI3JHbDsb1bXFISGxA2hGSsOYY8prKFZmVN9zgVzU3GZYmbQ7TZPFrZkhyobIRDmAhJ19YIr3Qz1H8ozqi1nhRSSUqaaYPSMJafU5ZcIzSFuDkkdUOitR6EGWU3Y9akbohWl+JTrebk3MmKaHRNoIYj/k9/KAVrIffVbgFf93X16lU6nc74Y9T5+Iur0WgQxzHT09Mvun16epqtra0v+T1bW1tf8v5RFNFoNP7K+3y5Y34169lnn+VVr3oV09PT3Hrrrbz85S9namqK17zmNZw/f/5vdMxrhQtwaqJE1ZZN5lRtiqOVEqdqBmVTYHInagZ3zh3ADVNunipwsd3n8R2fe1c79IOYY5UJlkoObd/ldN0Q/L4b8WcrXf7TI9s8drXD759v8+Bal7MNl2d2Pf6vxxp0/Ihfe2ybu5c7RGFM5EUYjuDhP3ypxXrP5zuOV5ms5Kg5oulouCGXdwbjkVKrOSQOYl53uMbBos71NYODZQtNgcvtgDhJOZC5VyYdk7Kt8/DmkOPVEttuzFxe53fPCiVXVSUvx4thLl/l2T2fj57bpWzpnM5YIj//0C5xmvLhi12afsKxapkjZY1vXCrzwLrYwz92uYemQNsf4EY+lzuxxCT0Ytwo5ZYZh4aXECYpz3d3+NjyFterB9gYtDgzZeOGPm3fJUkToiQmSGLuudrkP7xqAd3SMXLGuFgxcsYY7a9bOnu7cqXu93zyZZu7FnK0vIS7Dojj5qGNHu97ao9PLA8IE1jvx/yD6+o0vYQdt8OPvHSKWqaVmc+cO3GSjq3RtZzOLTMOX9jyWe3tEacRO27IY8+3GEbi4tkeJjxwtcOnV1zW+5KsfbYxIOgH+F0f14vQFIWCqZE3NRxdoeMn/N6zeySpaHIMFa6r6oRJiq2b1G0phGbzGmGcct/VHpqiULVUDE3lqR2Xd1wvoL+SJSnXi2WblpegKfDqQ1V+4rYphs0hG892SD73NAyamcXZySzRuoyQAMW0Sd3Bvhh3FAWga+AO5d9aWUi39cp+MdN3M3ruMMsnqu6HNsI+qt31YG1bvv8FQYyo6r7gt1aWomRuEgqOiEhnJkTc2ndRDI348jbJbp+kNdwPUrTERROt9TCO18HQ0GcLok1ZyDD7ZUu6GiORbOZ2UTTptiRultLshiJIXSqjLxQzl44x1qDE24NMZKujzclrZ80XUR0d55ULYneu51DruXEYo17LCX4/TEgzp04SJkQtL7My6/irXQG8qQr2rGhuRvEAaZISb2cdKU15sbW6nkPVVKHYFg0URycdhKi2jrlQlEymrFs5XO1CkuK1PKKMAhxvuwzP7Ylg2NbHRYtiaePgR9UxxvlJ/rMNKdwCEfHGDZd415VulyfHUxxD4HW9YKyL0Q+UIUgInm2gTRZe9H6cdHzSKJEiNUlIOq507EahiqOgRVPfF4x/PVaafG0+gFKp9KKPLzcmGi3lL9io0zT9S7f9P93/L97+lR7zb7K2tra466672N3d5Rd/8Rf5xCc+wcc//nF+/ud/ns3NTV75yleys7PzFR/3msYFeHSny3ecWsrouSb9sE/FcoiShPlCn4JhZ86ZfSDbTZMmw7DAPz5Z49GdXQ4WbT55pU/ZVPiTi00KhsYwklTiH759jrKp8OfndolCjYc6HkmU8E2np1nt+jz1fJNizWGQtZ9XNnsMw4RhmPCKuQp/cK7Jd15f4+UzJX78nhUA5ouSLKyoClbexNLEKXTbbI0LrT1m8xonqjnuX/f4vefaACyWLYqmykPrQz623CRMYLUjIzBDU/jtZ9qcniqwWNRxI5+6Y7BUkxHWxy+1KFs6R6s5JvMmR8oSPFmxHGbyQz56ucd3XV/msZ0+P3bLDP3Qw9RkZPb2647Q9Abcu77Fej+mYKgsFqUTsOsGHKsaoOlc6frcPlOjYNqs9vZk1ETKFzZdzjbkKv2GgxUuNYfYOYNB9jrqlk6SBU76vSwIz9DwhiHbbsKzDY9azqA5lPTpO+dzPLTl83vPdbjrQIHNQRc3SvmhPz9PLWewPQi4ca6Ipijcu9ohTlJePldEUxXqjsFqN+REzaRk5nBDyZuq1mTs1/Ej7r3SJnRDHtrocfO0zW8926IfxCRxMi6ytns+hcUKZ6YLOIbCv/vMVTRT47GdkBNVHTdMWelEFEyVq/0efpTy+I7PpKMzm9d4+VyBu5fbvHoxz2sOVegHMW6YEiYp24OQpbJADJu+UHRn8jo/88A2X3jFPGsPrNP69AoTt1wnM3e7JCJdVRfGi2FD6Ik1OpT06LTbfZHehKmJfQx7EGbW1ILkIanKGBaHaZBu7aHUK3L/qZp0VWxrPzJg1LWBfWbLC4i6Iz6MWrIlPVhVxLmkqmhTVZLlHaHlOsbYCvwiAWz2d6VVbfwndlArFsaRCupkgehKa+yiQVPG9t40I+TGGwPM62tEa32opWMNzAjQpliaZP9MOyRuJPbf0BeXTU86P3FjuN+RyESp+kJRHEHNIUE3wK7aBP0APc4cQVMOJClxy5Mux2oXbTY/htONggoVVR2LcFMvHhcJetUWsWw2ztJnC8QNlyjTqyi2Rq6eI3VD8lM1/NUu2kKBeK2PZkmhB5A0s9eyKonbo/FTGsbos4UxpE8dZR1lmiJFU9Cm8lLIbPaJmx7WTdOkQSSi3SRBP1zO7O3hvnspTlE0RcZERZOk0RO+THcg2VRFe1+sHYT7MLqvx3pB4fFVHeMrWPV6HU3T/lInZGdn5y91TEZrZmbmS95f13UmJib+yvt8uWP+Tdcv/dIvcfDgQR544AFs2x7f/sY3vpEf+IEf4M477+SXfumXvuyo7Mutax0X4PaZKk1/wEa/xcZgl5Vug41+iyiJmXHKRGnMhfYmE7aDrmq8ZHKCppfwj0/WCJKIMIEoTRgEMS0/5fhEjt32kH5fghDPNwOe3ouI/IgkSpifcNBMjY4f88yVNgBuz0czBQlfqthsbveYL1roquggrvQizrf6LFVs7JzBes/nyZUWmqnxxiM1yqZKksKldpdaRk29+4rLpdaQVy44zE84mJrK59d69MOYB652ufv5Jo9d7fANi0VumLC53BrSHIZc7oQ8s7dNGKd0PMHNf+f1Ncq2xjBKaA5DmtmV/Ep3l4VCjTiB1V5MwVSZy0uI4mpvj7V+k9XeHm1/wFJJ54GrXQxN4WilxE892uJdH1zhrnffR/rEF9kcxPzplca4aNn1fB7YcCmYKv/sdI3ZvMprDhb5pzdO8q9ePsVbbprhf371Af79mw5i5qWrpBn7b2JJJF2drUHAQkEbw/l+59kWD651eHqrz0cutHlsJ8QNE2YKJruuOBue2Rnw8GqbIIw5PZVHUxXunJeWdDWnUzBV9ExoZ+sKt8+X0FSF1Y7PN19XkyLKj7jv6oD1XkCv68u4QFPHxdZSxWapbPKy6SpxGOPYOpv9kF4oUREg05B+kGLpCsdr4iS62I7YdSNetVgmTsW5dGbKZjav4kbSHWp6CdOOOs6aOr/n8cYjFVr/4e1MnJigt9YjvXCFdHdLRkYjsa5uQxSQhp44jbKlFAsoI25GhmcfbxhjHHv2pjxyG+k6NDviAhlxOKJYujMZvj0dAeoWZ6XDMhLz6prYqPtSWCeZLZYg2g97zHQP6mwF43AVfaGIecM0SduXDoWlE55voFasjJ8yEHx9Zo2O12RcpGbiVvPGGdSiiEv1g6VMxKyR9ELRiexmKPyOT/BsQ4qIvCE24DBBzToiasUibgyJNvuEl9oiPF3rSW6SY2Aey0SKqoJey6HnpANkZTA8bdoRPU026lIKhlB+lztj8q9iyb9xw0WbFPdUsNmXx9byxmGKiqWjZnwZCWSM8K5KN2ekn1ErFtbRijiQCgbGC8TJii0EX7JiIukFaJO5zE00RK1Y2eNSpfNTMKWI6fiEl9vyM3eHGIsl4j2XaKOfRSukqHkLre7sW6JNdezgUqviCky9OHOoZSMl15ciN4pIm13p5uX/vzcq+usu0zS55ZZbuPvuu190+913380dd9zxJb/n9ttv/0v3//SnP81LX/pSDMP4K+/z5Y75N1133303//pf/+sXFS2jlcvl+Ff/6l/xqU996is+7rXCBSk6tt0eTzb2+OjzW1zuuDiGRT9Do39xq8WbDr2akpmj5Q95cKvBiZpBxcpjqjq2JlTFV8zZqAq8bCZPLttIdVvn7stNLjWH6JaOmTNYqtgoqsLDG93x/LtYsqgWJel5vmgxNVXA1BQ2B12GYcITW31++5kmQZwSxglvPFJDURUcW+fWWZOiKRj6y50YVYGGl3B+z2XSMfiRwkHKts6jmz1m8ibfcXyCgqlRtnTyjsG0o7I1CPimoxMCibNUfvvZNk9s95kpmJyo6nhxSs02OD2ZY6FoUrNVNgeiWwGYdAzuXu7ya0/ssjFo8VQj4JHtIQuFGo4u3YmTtXlqOYOPX+rwBqZYfdcrsN90ksO//7388Rs+xr+46SUcKetc7QV0/IRJ2+LWGYsbJ3I8vjPkaKXEQkHjdN3Ei+FNhxzRe+RyBFm20MgSncQJlcxmPF+0+NzagF03xNQUbpsvMumYHJ/MEycpXjZ6udQastP18ToeUUZdXazkOFSxedmMzY6b8Fxm7SxbCk1/QJBEdPyEz6y0uX+1Q5ymPLLZJw5ibpwrsp51gOJQAhVH2pw0SXl0s8dqN6Tp9SnWHJYq+2/AqiIQOpBogTCGz1zp85mV1jgGZr4gOqX5gsbdKz0e3QlYafs0hzJGXO5KC71gKhyfEFHvLzz2CBv/6c1olkb/U8uEn3qKdHsN+g2IsmLAsFEMG+KINPRIo4B0OARFRclszkq9ilKtZTbn0ovzYgrOPrzO86XLMip43KF0UDLdjFKv7Bc+rie3w34CNUAg45oRsAxdI1lvyc/ou2P3UtwcivvIFQR93JIcIkXNOCyZE2YEiAsutDIoneg9oist1LoA3RRLQ6vmZDxUFGqsmmk0krYvDJWCQbzrEm+7RFe6RBsDgmcbKJaONu2gLxTR6jn8zb5kCc0WiLflPvHmICuuNEH51yWYMHWlIzHSh3hZx0Uz5H6jbofqGIRXuuJQ2nWFEQMQp+SuqwpADkRTsjmQChjQqzZmwZSxW15gc6ORDoA+V5DiSFUhEN0NmT066QeieclcW2rRJLzQQi+aEsroZ0wYQxWarqEKl2baIdoZyKgoG7NFaz2i9UxTpaoZzVjLqMQCrUv9WOIFVEXuU7GEqmsaEEQopi6FzGD4N33r/8rW13BU9JWsH//xH+fXf/3Xed/73sdzzz3Hj/3Yj7G6usr3f//3A+II+sf/+B+P7//93//9XLlyhR//8R/nueee433vex+/8Ru/wb/8l/9yfJ8f+ZEf4dOf/jTvec97OHfuHO95z3v4sz/7M370R3/0q36ZXrief/55br755i/79Ze+9KU8//zzX/FxrxUuwENbbXpBymov5rqqTi9MWe508eKQu6+u8/SuT/HqJQqGzUcu9lnpxjy2E9ANhjzXGnLv2pAHNuQP/4+e2+V9T2zTbw0F451thE+ttjEyUaamKtxxsILflU3tyFyJnK4x6RhMOmJp7Qcx6z2ftb5YpEdrtetxpJrjie0+C5N5zkwXONeM8GIoGAr1nIofQ91W+Wc3TvBxM8/aTJV3nihzfMJhvmTxpkM1wc73fII45f98dJf/+uQe/SCm3fZ4thlKV2UYsli2KFsqjWHCbMGgnlOJ05RekOLoCoaqYGsGrz4g+TuLJZud4ZDdQUjRVPn85g790B+TcX/uFUc5WsvxQ8vneHDzAr9cGvATq88CcOChc7xi7iCbg5jtYYKp6SwW6zT9gGNVnbY/YNuNWe1FzObl1J3LF2hkQV1pknJsen9e/hO3TXNqwuDmaXuM2X90s5d1KYTAuz0IuGelzTBM6LkhxYy8O1nJMVfNccdCkXedmOcbFuY4UtEZhuL4ObsX8dDWkLYvv/dgGPJtx6q89lCJS1t9dFvn6a2+uMWyvBnN0FB19QVWa53Tkxb9MCGME87uSH5UkqYUDQVHV6jaKkVDoWgq3DaX52Q9T9ePuaFuUjbld9EYxszkTeIkRVMV5oomU3k90xnF9IOUsqWiKUL9/eSVVSY+8dPsPL1L84E1kkcvknZb8qIFrry5xoHA6AwbRZMrXtKEtN2FUl7AYpubKLUySrmy34EZ5RllV8lEcTauUF8cvNgdZAVLIKMj2Bf/Jsl+qnQGqFNMA2pltKqMppS8QdpoS7Dhbp/wrLS9BUeviRsmc+okbphRW1VSPxJxbCzkWlSFNJbCJbzQIrzQFAFrLTe2EieuhAYKKE4bb/jadD7rjKiQFQIjxxIgOhRNwZotZDoacSRhqAxXu8TbA9yLLQbrfYILzbG+JQ1jjKMVtNkCufmCjKbKltByHXH0BOuSASWk2QhjoYhelIIk3nZJB9HYlUQmApYnI3qVcLOPogqmOd4eYJ2eFMuzNwpxHBVQ2riI0hdLJH3JLCITD/sdX4oRQCtLp0mxdCnueoEUJkkKQYI+V5ACJW+g2jLuSgcRaRRLR2x7II8bcXyNK/RRkVvKy/nkZOOigoNSKXz9sorS9GtQuHzlgZDveMc7eO9738vP/uzPcubMGe677z4+8YlPcPDgQQA2NzdfxHRZWlriE5/4BJ/97Gc5c+YMP/dzP8d//I//cWyFBrjjjjv4/d//fX7zN3+TG2+8kfe///186EMf4tZbb/3qX6cXrF6vR6lU+rJfLxaL9Pv9r/i41zQuwEcvtQmu9HjXDXWqlsHHLre5fsKiEyTcVC/yncdO07WmuHT1fvphzIPnxH53bm+IqaqcrAvE7Iltl6VajktbfVRdJXpBwTEaE8VhzHC6wEMrrbHmYRjFzJdMNEXhR26Z5F98YhkA0zHYcRNyhoqmKuR0lfU9l74XcctciThNWW57mJpK0TDZGkTUcyZlU6Fgqnzrv/gcf/J0xOzlOd6tzuLNbHD3yoBfeGSNf3PrEnG6ygMXGgzCmKamMoykS9ELEjRF4Zuvq1E0hID7+oM5VEU6M2cmTZ7YDThS1rncibhtJs3eI1PesFTAUOHf3n6UJE354tYWXhRgqAaOHnOhvcU7j9dwI5+PPT/g5TMW/+25Pf63j7+RD8yGvP+ep3nDUoE4hSCO2Bq0OVGdZK2/h65qXF81uJLh3x/b8TlRSzhULKNq6jjLR1EVTh2ScdVsXqNsqpyomSy3hdXz2KaM3C5nxWUub7KZ5UAVDI3FwzWCOOH4hMM/PH6AkuXQ9V16QcJi2WKppHOhHVG1NUpmjtl8F93WsXQFP4L5CYf1PZc0SVnteJRzBrv9gDRNx6nekR+xvueiKlWe2A0YtoZUJyUI04thytGyFG2VXpgKkyUnY8PrJ0yqtsqOm+BGKWECRyomXhZR0PVjTE1hdxCSM1T+ZLPHyXqe2YLBZj9ktmDwTz/9EX7nW46y8gfnSf7wPLOTBdITGkq+Ii6jXEXeaP0MSKeqpH0XdB3FyYGqk5YKpN0+Sn1KNhfXk25LxntRSmVBtY+SpevV/THTyDYN8nl/KEVKf7iP/3c96dREMakXoDiZfmIYos5KtyfeXhfnj6GKrqJqEwNKnKIfKBNv9aQ7ULPFulwG7cw0as0mWu2OmSVJL8Q4VpVujcN4JKSXS8RNYaQotox00GSEoRgq+lJ5vGGDQNeSxjALaYwJOl1yN88QPL0rwLhYBMDOdVWSfoBzokaw2iUaRujTeYLVLsZUnjhIwJTCIrrSRZsrkA5CGa+5EeZiKaPMxlLseC90TWkZayVG8SPhz2RRAGgK6mQONbCEDlyzoWhKIdjcjwMACC+1JBG7NRShri/jpVGcQdpOcE5NkPZCkiz1Wq1YpH6EWjCJd9zxmEmtiDZmRCJWHAMlTFDyOuFze1IkOZbkTPUCKRJNY58dNOIKjfRPUbAfQfE/8KhotH7wB3/wy4YRvv/97/9Lt91111089thjf+Ux3/a2t/G2t73ta/Hw/srV6/W+5KgIhGeT/g2KuWsdFyBvaPzcnTOcrFk8vuPxQy+Z40TmKjpRXeTg0ytcaD/H///BLc7uyoZkGhpnd10OlC2mHI3b5iRYsePFmDm5Ajl2UJDbepZoPNq4On7E0ZkCVtFCMzR2+wFPrnV5ZLnF4zse1aLFT901z799xQyPbPbpuSG3zcvYIRgEfNv1k2NX0VbPx9QERjYMY+67KqTcHx8WuPBcxOIClN70QT75ig/wXf/703xkO+AX7zrNdZXDPPh8k9uOTmAVJd4+p6sMw4Q/vbhH2dY5tzek6SdsDxNWuiHr/YC5goUbJtRzMmM/NWGwMWgRJiknJnLcPFXlQKFK3a7ihj6GqvD5zQH/7eJ5doZdVEVBVzX+/Ko33oBvXyjziUM6ZdMmiBN6Qcpj2x6P7rjUc0V23A41u4CuaCSkaIq4gRrDhAc3A8612mimRhIlbHY89MziaajQCxJ2XOng5AxVhM9RzP1XO8RBzEwtx20LJb7/pTO84kCZnCFdjBum8vzwmSOoikoQR2wM2tRzKseqFq9eOMBblirYGvRDD0MFQxM9iarA0VqOmVqOwzNF+mFMTlep1R2MnIGRM9AtHatoEfkRK90YWxNtTpxC2daZzas4unRZ3FC6JW6UYmkK11VN6jkZ033kQpswkedpqBAmKZdaQ/pBzDBM2HVD7r24R9mSIMe9YUTHj7A00BSF/9+rpjj203fSXu2x/euPw+omaWdvP7tIUTO7tI1SmUTJnENpt7/vOPJ86dKMAhhBNhvbIvV8afOPOjGlfJYgXXpxaOPCtHx9RNrVtUy4m0DfJW33ZCzQ7qFN5VEnstFUd4B+oII6XyXeHBBtu0SbfQhjKSZ2BqhlCVRMewFhVqgkHV/cQL0ARVOINgYYx+v7LqKRzqKeky6KrZH0A/meji823jjdL3oynYxas9EXCpINpCoSWFh3xHWjKuN0ZX+zT+KG+DsyZtKrNmbVRqvZWEeqIjAOE9KeCFSDlkd0pZsJcvMCrstGPyP3T9IPxmMaVIWwH2DMFmTMszkQrYkbEjY96cj48VhEq5YtkraPNpWXxz2i8OaNMfU23s3otx35nUonJrNE13NE/QBMdezCAtCmHGG1ZF2i1BULvZIXEbXiGMLFsXXRFmUBjSOOTNITu3N8aYd4tSkduTExN97//Oslzk2Sr83H36OVpinHjh2jWq1+yY/jx4//jY57reMCvCLLBlksTlC3A1RF4XCphqooPN/d4NIBjWZnh61Mr5AmojP5pqMTfPjJLRRVYbpiEyeQM1RaXorhGHT8SDYqWyfu7HNHJh2DhZLJNx4sca7pc/O0zQNrLsttjz9b6fKd19d4288+DsAX/6fT1HIGR8o6/X6AkZP8oOW2RzAMqZVtPrPS5tuOT9DJrrR/46km/+ypZe7afQ8/9NmP8tajVbSbP8b9f9TgW3/yDfzbz5/lvvP3cWi2yPEJG1OT433rdRU+vdKlZhu8YsHhU8s96rbK/Wt9bp3NM1vVON8S9olslgq9IKFkhlxXKWBrA+q25A2t9rZZH3RYLDp8amWXScfgrnmDSsGh4fW5fdZEU8BQVe5ZafGWww7brozFDE1BUxSudEMudfb4zOqQ83tb3DxbQFPA0hSaXjwOLbzUFCeIbuvYukqcwktnC2wOErxYxi4gWpfOdCELT1Qol2xetVjme08tESUx37Dg86dXdpjNa5yaqJCkKVEa4wUh51oDphyNOE1pen0qVp5jlYhuIPlCYZwwX9BY6QqzZqfro+qSGTXpGGx2PPKOQb8fEPkRU1MFGkHMVE6lnpPx0XzRZLk95KXTFqu9mNm8KknaJZ2On1C2FJ5sJPz5lS4dL+ZoLZcFMSY8sjXMRnUWZxsutZyIf692Pc5eabNUsclnlu6iqfLEdp84zfMDRYN/d0OdSw82MN/3KNXvOAZOXpxGIEWMEkkXxiqAPZT8Is0kbTag4Mj4CES/UnD2/7BUdT/pGfZdSLaViXCjfXu0aUixMvr+rPghCFEyq3Sy56IdmSZ6dl1C+4YhajEHQYi+WEItmvhP7UiXYLkDcYpxrIZaFv2LcbQilFxNATcSZ1Bb/qajq20UTRl3BKIdceqMEPyKIyLXUdcgdUPSvE44wupnrBfjaGXsTlIrUhCkg1AAcW5I2gswqyKI1TsiUFY0FaWgES530BdLGTxIcocUVcWs2qKLihOSpghvR+OftC3HCDs+qqFiZuGRiqGhzRVILrWIvAhNU9DKFqo/6szEQgj2Yila5gpyXFMgg4qqoDo6US9AtU0UTcZFaShdF8Ux8K52MQsm0XIHzdJJBxFJy5OxVJKIPTyMx/A5cXslIhR2ZKwWZwGViRuh1Q0S14dKZg2OxX4/6takWddFydxqRBH0I7C+9NX813z9v+Aq+v/6uueee/5WjnutcEE24M1BzJ+trvJNSwX+6FKXf3Zqjl9/Zp2tQcCbDxdlA6nkWGkMMCydOE74zEqLXN7k9GSe800XTVHYdUP+zR2zfPC5Nhd3B2imxisOlPmsG5JECdcvVWl6ETlD43TdYDYvTJMDZYuXzzkkiThKtn71W1g++Nvc+b+Z3LcOn1tzheeS07nnSo9Jx2DDj2jsueTLNl9Y79EPYoJY/jCWDph4/+E/o5kaf/zYBnu7/4k/Kv0Qkx9/kDRNue5AhY4foSlwZjrH2ezKqmBqfOPBvBQRXsRaP+K7T5V5cDPgrvkbeWj7LC0/xNaEcbPai/nh676Bf/vUn7IzTDhS6WFrBn+yvEPNVpmwFW6o21xXlWwfU9MpmTlmnDL3rl8FEr7/5mkudyIe2hzS8WN23JjXH3LYHIiW6CVTFv0g5o+e2+XlC2Waw5DjEw4FU0Itl9vCsgkGAaGlYzgGlgZlS+Bv2/2Y2+ZyNIYKu64xzhF689EKhqqwM+wK8E5V+ZbDc5TM3Ivi55teBzdMeWQ74FXzNjvDLlO5ErqqMedU2XG3CN0QQxUGi6rAY1sSYV/I6fSDGFVX6XX9MZAsTlMiP+Lx7SHvvL5IMBA6b05X+Q+fW+dH75jLIKIKJVNnc+Bzrhnx9E6ffhDTdANmFsucbwbM5HUKpsb5PRdTU3nNwRK7w5jVjk/e1Bj4EQ9t9ChbOmdmCqz2Yl5/uMJaN2C+oPEH/8uN3P72z3Dh/l1O5nSKtTLKkSUpVkZ5RgCBK2MiRSV1ewKoU3XSdvPF45+RVqXdle6KqkjRMkK1j4S4Xnbc8UhAz2IEfLFVO3YGp+uDk0cty3hAq+UkZVpVSYOQeLM/DgJUKxZpLxA0vqGS9APC5bZk6VxoCTG2lkMpW2jTjhQiSUp4rol+pCLaDksft6LjbelWjGzGI4KsvlQej4eAMRwOVcTA0WoXre6MdTJKVgxgqsRuiFGt4V9qEw0jTFXcO4SJ4PPDGN0xiDcG46wjrZ6TjT8rokYFVtIPxInU1ATXn42w1Io1tkmbC8XxKGlMna47RFe6hP0A+1hVXEiDUDo6ddH3JL0QfdoZ5z4lbiiwuzBGN1QiL8YsQJTB9Gh5qFksAoBWze1zYPKieUrjFNURPkzSFOHxyJ2U9KRrFDy3h3V6EqUmgm6llIeejArHQu4RGDFJ5f/X1t/Jddddd/2tHPda4QKUTJVzrYjltsePfabF952Z5JGdPSYdnZyh8TvPtiiYGus92XiGHQ/d1ul5Ed98epppR65k13s+MwWTDz7XZr3nc7DmcGamII4iW2emaKEpCnEiG9TTjZB6TuPjlzr88zM1vrgVUDAUHlzr8NFzD/HLSEv/vz+xyUsOVQiShCBOubzR5WVHauy6IW84Xudo1eRDZ5vs7PRRNRXd1jkylSeYcKjldDpezL956A+5+QXFfseP6AxDFosay92Yo9Uch8o6m26OXphytRdxy2yRIxVJLj5ZM/jC1jPU7AJbgzbrvZhXzU9gqG02aOJGKXfOmXiRuGTWeyEfv9TnujuNMV3XUJvMZIj/II44NVHhXLPNkbJGyxMybc3W6foxYZxSNhU6vmT3TOZN7jxYoTmMWCwL0M3UVNZ7PjlDHbuz4jBG8RQey1wSM1kY45O7wTi2IU7gH56qU7ZE+NoNhpi2TsWSq/1+6OGGPgeKkzSGPVRF4bqqzndOHWKlKxEQCakkW5Py0ukZbj3cxzEUyqbGz/z5VRHgmpqIgJtDcnmTOIPmqZpKu+2NO3B+DHbZ5uqey6F6nlcsVUlSaHoJjq7gxxGWJt2tmm2wVMkxs6Rn2P8YU1MJ4oRvOFgWN5KuUDRVcrpKnKQYOQNTU1gsWxgqeFGKYagcq1m0vITfeHKX5d/8Vh591x/zzKc2edmZKfS5KZRaxncZaV1UXQS6QSaGDjyUQm3fQVQqoFgW6XCIksuJJiZJoN3PrpCz9r47lM8rxf0TctRCb3b2RbyVohQ4IxhdoyNJ0dMVcD3inYEIZTO3kGLIZpn0A4zDNaIrLbSqjT5bGLtutAwtH2Xo/KQpacXGsaqMWeqi0UnafhYEKDoV+1RdBLihNtbTKKqCfrAk44zWEN0pjI+HqhCt9TBP1SU2wA1JYUyRjRsu1tEKBAn+ahdrLk+iioVZL+YkO6kfwHIHfalMtCz5UaEb4pyZAhhrX+JdF61sybjI0iXd2s1YMaMwwzCSgk9T5PFbOvZCEeWJbcleMjRSS57bOGfJUGW01vZF1xNmguZMkFu4rkrqR+BFaEXJbwJe3KmytDGvRa3ZKEFW/LkBxrE6SXMgozh3xHIx0Go2qR+T7AzQ5spjdk+0vIc26UgHzjREN1XKS2fm67GudVy+4qWq/zd7fx4l12Ged8K/u9+6tVdXr2g0doD7vmu3ZFqO6EVypCSK5PEcf/rGk0wST5KJnXGS0RzPOBNn7DgjzySx4/Emy4qXKLZkiZIoa6NIiiRIiCBAAgQIoNF7V9ded1++P95bF2LsJKOE1qdMcM/pQ6K7uruqurvuc9/3eX6P+h+E2imKQhzH/97b/NvHdeECHKyZ/JszveLfFUPhnz67wyPHWgz8mDftr/Gvzu5iaCqmrTPJr57mWg6fOddB1VWWcsrq1jhk4Ml0JUwy8RvECcEoYHUs5WHHl2s8vTFEUxTefaLJ/fsqNCyDC90Bt805tEoGg3yk+38+36XRsBn4EpM+v+fSbElJYxwlnNoe8/RGxsCLhBOiq8R+zNY4pLc7YbxQZWdnzP9w3xxvfe8ss7NlKqYmCRNLp2mrdIOM9xyv0rZLGGrIkbqGrZlcHCR8z8p+fueVKyxXNM7uhVTMPgBHGjq6qnG8WecTF57lbMfjew60+OXTW1zoerRKBv1JyO+eH7FYMXh2c8xKtQGAoRrEaYKtGXS8lDtmZ/n0pTU0ReGtB+pcGQQ8txtxrKFzrKlzqFbnsctXuWPeIUwywiRlX9Uiydcwa7sTVF3FcAzKpsZwHDIOE1ZqNjMlnYatcWbX48RMiac3hDj7Si/k4YMOK1VZieiqIP+f2X6VQZBxtFFjEIzp+CMmUcSb993C17fOMo5SlitVaqasQNwopF2q8gPHJN3lxhGNho2myLrraLPEVtcjCGIiL8JplIhV+X9FVTA1hWe2Q5nYOCIwLvQ8jjYtFsvSKXV5mND1U7YmMcdaNkfqGqf3YjRVYdYxaNkq9y+WcaOMk9sBgaVhaQp1WydMMvbPVzjUsHn8Sp8fummWeUfDMRS6Ob3Y9yK+a22NT7/vMCd/81U6j15i4dgclMoydbFrIlySkCyOUQyTLAhkYuLE1/D/aUo2mYi/JYnlpBLmPUOtuogV179mtOwOYKEtf3RhJJOVWuXa+mirc22NdHkDpV2X9VH+NbS5MmnPQ62YaAtVogt7YsBtl0j7bpGSySJByqt5x5Bat1DdqFh5FCfOSSwnYq1M6kYYs0Kk1YxSwWmZmlNTQ4yuySCQxMxytUjcTCFxSuvay+vU1JvuerJqHoxIggSzXRJvTdeXFdfGGKVqoFZMLJCCxvNdiVJ3PFRDlY6ltRGaYxCc76JXJKmk1i2JKF8aSDt0x5XSxwM10q5P0HEx91VJp83ZgHX3gnh3xqEYkKfxcChWO+kgF3FJnhAyVDBV/Ff7WAtliXNXzMIflHZ9Ul9STZrjEF3oY944IwKjrJF1PZJdF33RJ+nm9Q9JJlHrNEPfVxXYXdWEOC6+v2qqKI5FOnBRp71X07LFb8dxXbh8y8cnPvGJf+fHnnjiCT7ykY9cN+f+xx5/+4tXWd2dsFKTk+E//vo2fpzy8ee3qJgaUZpxpFlCUyhotQCdvDG4bGpsjAKubAzpjQKifC1kanJienC5zoGlGgtzFd5wvM0rGyN2xyGrmyM+8vgahqrw/I5HSVf53oMt/rc3Hcf3IpwS/PAtDd53wwyaKhHe/TWb7zncZBDE3LNcZ7vvk2QZ33/DLO+/d0lOhhWTkq5Ra5fFT7NYxdFNPvCeg+zsjHnkSB1NhYeWq7zSi7mjXWYQpKRZxksdj09edDFUhR86OsNMqcU98yXcOGNtLJ0+dUvMwCd3OqSZJIou9DzGkc+5PZdDDZsfuaXOn79ljjvmbBxdoaRrtEsqj61e5OJgizTLsDWD9xw9SJiI0fhoq8SeF3P3QglLg1f6MY6uYKo6jxypEuRCsG7pLFYM1kch9ZzbkqUZaZwyHMsu/KZ2mV034qtXhzi6wl++qc6dcxatkk6SyapmrlRirlSjYTqoisrqqIOhqrRLkhbamPTx4ojNScIoHBKlKad2Q8IkRlc03FhEyzjymS+V+KMLPf7gXIdJmOT9QREPLJWIvIhgFKAoCmEuWFb211F1lVbJ4GLPo9Iscbgt66+KqTGKMtw4Y6Wq4Ubyh21qEo8ehBk3NGUFdW7PpeunfGM34uS2rIb2VTTcOCNJM964v85Gz+N4yyIJEzZGIW6cMQpTdt2YgzWdH7xlnpWaxY+9ZYHDt1fZPj8kePKKvMhOjbqWAOoUK68HSFOUWk2MuTmCXbFzb4IfiAiZmnWn4Lk0FQ/LXEvepqP/nIxbCJvpKkBVC5hdlpN000ubucAp58WK5jeJpkjMsjkgbuoTASS6PJEU0zSyq1YFlqYvVjBW6tIflHfvJIMA/4Vd0l7eNj2JSN04F0K5T8RPSHe94vsl2y7h+kgmGnm7cnh6V8yv0wbkXCBMp22KpaPXLaKuT9oPSNz8Pm67aPOOeFZyfozastHrlphtDU1WPpYu5t2eLz4QX7qByKcqiqHK9Civ/ZDJSUIWJMSbYzH95munaTSaJE+/OQaKpWMcbeQTKaHzEqVMTkvnTTaOiEehTL1AaLpJit4q5YTevPto1yUd+HnRo442XyZaHYivKOfoJD1fRJQnAkitmFKHMA5JB774mVRVGsI7/Wuo/5H7up8T/tTjujn3Wz5+4Ad+4E+8nThxgl/7tV/j537u53jve9/7H9VX9GciXNbX1/nABz7AzMwMjuNwxx13cPLkyeLjWZbx4Q9/mKWlJUqlEm9961s5c+bMa75GEAT8tb/212i325TLZb7/+7+ftbW119ym1+vxwQ9+sGjY/OAHP0i/3/+W76/fFwFycmuMPwqIgpgoL9o7uTni6jDkwp5LksF2PuKfipMkTBjlLzZzc2LyNRzp0gmTrGCw/I172hxtlXjkSLkAo910oEGWZvzey3v0gpTZskHXH9PxRvz1B5e4ZfV/oOenvLTnc/9SNY8+CztlejxwsMmsY3Ch6/HE2ogb82bj3b5HGCWsDgN2hgH/4GtX+d1H/jzvvXeZf/mNXQZ+QsVQ+NTFAWkmXpU/fHUgBY5xSpLBb5/bJc1Sbm8fZM7RuGPWYG2cUDc1GqbJoZrNtjui46X80IkWn70ykUmOrVM2DPw44/6FJr0go25pNC2HG5oNzvWG/P6FKzy1tcHqaI9fOr3J+iigbukcqBmMwrRoqj/diRhHPqNIUjWHGrImmnc03nGwxodua3D7wSbNVonqlCdhamyNQ7pexMYooBdkdP2UFzqhPG5TY3UQoCoKti5rDlPV2JwMcXSLtl1FVRRGkc/jGyEPLc7x6mCH2ZI8t4PQI83SYuoyDD0WynV2d6WP6Ja5Mj9+r6CzP3qmy8HlepF0ytIM3dbZGQbMzVVYqeUv7KmIsoMNm3cerhMlwmeR75cSJBlVU+VsJ+D3Xu7x1TWXU1tjNFXhUF3nWEMmS8sVjRc7IZMwoWSodP1IRF0m37vrx7zS9RmEGTMlnc1JQt2UGPlCWcf96PspOQrjl7tkG1vgdiHJCxk1E9KYzB+jlCQSDRRXvVkYiQdmimP/5vJF15cTTacn/59Hq4uJjGNLXLpWzj+mfZP3RRP6rqqiNiti+FXlpSu62CPZ9QRmFiREVyQ5pC1WIBRk/zQN5L3alyjvJEKbLckKxFAJTu3IKinnrCi2jrFcRc1JsmgKSccrShbVuhQh5u5y1FlJ1SiOjt60SUehANs6nnQU5cWOaT9Ac2QVUpQbAopjoOaMGVUTARGsj+T75Yj+KaZfMbSiZ0mtmGhLZYyKSZZkZEGCWjWINseymsqTO0LijdBbJaK1kVQJbE9INsaEl/qotkbS9WWi40iSSDwuoUD8oMD5K0LbRLM0zJwNoxqqCDw3JjrfJRtfa2+eEntl9aQVqawsiAuYXbLryiQnyQR+Ny1ojNPi+4r4lc4rpVmR34c0ld+lnAZ7/fjOPjY2NvjQhz7EbbfdRhzHnDp1il//9V9nZWXlW/5ar7tw6fV6vOENb8AwDD7zmc9w9uxZfu7nfo5Go1Hc5md/9mf5+Z//eX7xF3+RZ555hoWFBb77u7+b0WhU3ObHf/zH+cQnPsHHP/5xHn/8ccbjMY888ghJcq1Q6/3vfz+nTp3i0Ucf5dFHH+XUqVN88IMf/Jbvs2qIL2Tc84ouGYAkTFjbnfDUZam2d0cBaZwWLA7NFKCYnl/9eLGcbReqFnbJkBiqrnF2d8Lj6wHro4DPvDqhZRv84I2zeHHKXYebvHF/nccu9Xn0lT1++okdfv9Cj7/1xW1+6+Vn+MpVl1034lMXuozciPVRwKcudPFCSeCc2h5Tt3Re3BgW3pkwN8cpqrQiR27EpfUh93z0o/zzex8mjuRzz3R8HjlS55ltlyTLeHpjyPFWiXGY8KXVCS1b43NXzvDZK+epGDqqorDjJjSsMs9su6xU2xyotrB1hbolfoo3rdQ4UNXZGAe8cZ/FpeGAYw2d7z1cpmLYEl1W4O45h3/89A7jyGd16LM+8Dm9M2EcZTkoTcHS4Lltl6Vyk0EgHJNHL3Z5z/EGXV/+DfDTbzjKYBhcm7bMVej6EbNlgxvbZc7uTrg4iHlybcgPHm8SJsJjceOQrUmfOB/fzpYq3NQ6QEqGo1tcHiYsVzSe2NwhzhJURaFlqdTNEn4SUTHL6KqYcB3d4qYDDY4s1bjQ9fjnz+9SNqUi4dY8ZqrburROayo3zFcIE6mDuFbmCM9sjGhZ8qI/70hiyNKkTDFKYWsSstHzmK+YvOtog4WyyeNrE07thpzZ9YiSjBMtk5mSzmxJ41Lf5y/ftUjdkufq7PqQEzM2aQY7rpizp7UBSQYffuo0mqWx9/Ieo195iuzlSyJeAEo1KLdQTEdMu6oq4mV6FZmP7BW78lq0v56fpAvsfx5rjWMROSBTF8j7ifK3aclimpL5IdnadsGBybb2SPtypa3Nl9FaJfRDddSqWZhLk9wYqzZkAuHcPodxvHkt7ZOvQbSmjWpLekXRFInw1q08XizEXP1ALRcOsqpJ81WT6hiyKmra0hGUFy0mQYy+UiPLxQeIcFQMVXqPco9MsD4i7XjS2OwnaHNiGDZycaQfqJH0fIHjXRlKuik3wKoNi3TXw7yxhVG3UCyNeG0sIiZK0eal2yjpePJ4LA0tn6JYdy+gtmysm9uko6hYZaEpuedFqLfGSl0MtpoCuZdIm3ekfboiJY56HtHW5h0UW2e8NSHakTe1YgpDZiRt0FkqTB3zZhH26ShEX64SXRqICKwaqDVbTMa1sjBqRqGs87yIZHcsv1PTCV6cfPv2Bv9/Iuf+534MBgN+4id+gqNHj3LmzBm+8IUv8MlPfpJbbrnlP/prvu4/8n/0j/4R+/fv51d/9Ve57777OHjwIG9/+9s5cuQIINOWX/iFX+CnfuqneM973sMtt9zCr//6r+O6Lh/72McAeaC/8iu/ws/93M/xjne8gzvvvJOPfvSjnD59msceewyAl156iUcffZR/+S//JQ8++CAPPvggv/zLv8ynPvWpb3n0NGWAZFlGpVkqVg+lsolu68R+LG9BXKyJsjSj6hjyuVnGSqNExdA4MldmexJytFlioWJSMTVumi1z15zJOBRPyjTNc2LGoWJoaArs9TzecrDJ+vqAz5zrsPHffBePXRkzzkXGYCgMl7qlMwkTIjfiwp7L0WaJ59eH2CWDd59ocrbjcsuBBu+8cZY0TnlwuU69VcKsmOz1PL46fIG5msXRVomTW2PumHX4ytURn3u1z9FmCUcX3wTIuWVtnGCoCk9veayOYh5cNNn1Rtw77zAMPRzdZF9F4+ZWmfefmMNQZZ1RMVUMFfaVyyxXNAxVwU8iDter1C0VP4lI0oxPX3J5+GCNB/fX+Ys3Nrh9Vui8DyyUaZckNfTqcIcbWjo3NkukWZZXFMQca5QZBBnD0OO/e2gfqq6ShAnHZ0rMOiY3tx1ubJfQVIWrg4AHl2tcHkYcbZZ4aKnE2a5QaoehR5iKMFkb76ArGi/3NlAVCoDdqwO57ZyjYesGuqqRZjGW5jAOffrBhJ96YD91W3gss47JrGMQJhmfPr2Noiq0azYHWg5REPM9h6rcMV/hrfttTu9MqFs62x2ZWPmJfN+2rXL7rE3LVukFKd/YHuNFKftnHC73fVQFbmiZhUn5TcvloiZgX0Vj10u4b6nGmY7LH74y4KGjM8RBzEpVBIapKayP5XdxX9VgHGXMlDSOfuXncGYdLj++ycUPfwnvFz9P9vJ5aZNWVPG9qLq0Sivf5DGIEyHqDnu5aMlTQ7VyXoyXv02hdK36tVboqfhx/Wv/3dgpWqmVVg1laRYcW1qDAfKIrzZXLsBl+qIg641DdYG15UbbQkAkmbQ/j0PhrByqo82XiTcmQpIFWWdoClpOegWkh8gx8glGGbViYhxtiNjJpzRp1ye6NCAbR2iOIZ9rqOIdqRrFiT/quEzWxxh1i3AcoTbldrEbSaki0kUUdjySXa8A7GWpAOfiPOodXuhJvHhjIiuovHVaz/9+480x2rxDtDkm6XgyiclHmZkfi7E4lb4irWW/BlKnWDrx9oTg1HbeeaSJ6MhNuMHqUNZv09VUbpBV6xbVAzWpKKhbpD1fSMVRIv6ffkB0vkdwckN6nKompBnW3fN5aaVO2pPqhnSzXzy/mZtH35OMdBKQeTm80DZh8K2TV/+jjuvC5Vs+fvZnf5bDhw/zqU99it/+7d/miSee4E1vetN/8td93YXLH/7hH3LPPffw3ve+l7m5Oe68805++Zd/ufj4pUuX2Nra4uGHHy7eZ1kWb3nLW3jiiScAOHnyJFEUveY2S0tL3HLLLcVtnnzySer1+msQxQ888AD1er24zb99BEHAcDh8zdv0KFIpaYYzI8a1UdelYuvFlTIIAVfN0yEg4LG7FqrctVjhA7e0MDWV23Mz5K4bctdihZmSxsu9iEMNm1vnKvz1u2eZRClfvtLn3sUSDVvj733Xfr7w8i5HDzbJ0oyvbb5M14upGBolXYTV8mIVU5MrfDWfrJTy+zLsTPiVb+yyUrO4se0wU9Kl0LGiMxoG/ORDi6RxykvdPa6uD7nQ9Xjj/jr/8OtbrA4D/uKNLd53okq7pHLPgs1sWXgx7ZJKNxAeiqGK4bTnp4RpTM0sEWcCeDM1nVf6fW5o6YyjjG/sRpR0gx3PpWGVCWJ5YXt+d0DXT/npJ3YIvYhzex6DMON4S668bU3hUM2mYtpsTiTt9PyOx7F6ixf2PG6fr+AnGV6U8Oz2iEGYMgxd7pmr8rPftY933b7Auw7WefexSg5lk7TXbNlgKY8Nv2W/w4lmhQcWGpiaTpwmuHHAwdosjm4y59S4PAy52I853xOPyxQ25+QpJDcK2HEHxGlYTGzadoWTF7p837FWsY66dbbMjfvrGPlqoOtHvON4G0dXeP+NDTYnKXcvVtnte8RBzGpfBOLaOOZMN0JVFCxN4dMXumyNQ7w4KWL3v/6NHT53eciJlkVJ17B0hUvDhJNbHk+su3S9mAtdjzDJePhQja4XYZQM/tXLfZqWQsMS0fzk+pgozThYE4H5N574PZ76xYc48cEbGO7FnP79y7zyE58n+cIzZC+9QLZ6iSx0JXFkVVCcEkqrjWLl05Op92CaFAijayuhKbK9uFpWr9FQx+61lmhdK1ZO2dgFpyT+Fj8UEVMpSUnfXBlMaWrW8rLEeG1UeCRknVIp+n+iSwOAa2WFhibThDRDa5dIpl6UtbGsmDrCGUm6PvHGWARPmkmtwNpIOnpGYfE6oqgKaZKS+nFRHwCCw486rvhEkgyrZpKlGeU5WeOoDQvdMcRQ7MpEyqiYRDuTvAYglalMlOTlhzqqrRP0fLzLAzTHkGg3iCCJ0mL1YrQd4lEo66+8/TrpeIW/ZdodpFjSUTSNcKtTkeboJNtuAYuLV4dYh+p5LYBGFsREmzJFmk6r1KZ9rbRxsSK+mfE1uF/a9YnHoXQWbUj9gNaypWixaqK2HTFK54+h8DIB0UtdlLrz2lXj9eM78vjJn/xJfN/n6NGj/Pqv/zrvec97/tS3b/V43YXLq6++yj/7Z/+MY8eO8dnPfpYf+7Ef46//9b/Ob/zGbwAUVdr/dn32/Px88bGtrS1M06TZbP57bzM3N/cnvv/c3NyfqOueHv/wH/7Dwg9Tr9fZv38/AImfkMYp821Brse+sAoAuh0Xw9JRdZVyS+inN8xXOLJU40TLoaSrlAyVp9aGPLftc2LG4Z4Fh3GYcFO7zHObY55YG3FlEGJqKidaFk9t+oRJRpKkfOTZ7SI9YpVNTsw4pHHKE5uhwNV6Hl6cUK7b7Kta3L+vwokZh7/7lmU0U+PU9pg0TmnmvUUXex7LFY3feGqNfTMOu17Czfvr/G9PbKKoCv/gi2vols7di1XefbTKat/D1KSgcZryeX4n4HjTwNIVnt4K0PKIbctW0VWNuqXyuSsepzobPLm5VZhHDU36dbp+ygs7LhXD5l+9POTXzuxQt4RA27LU3LciaP6rQ5/ffmGbe+ZL3Npu4CcZZ7oepzt96qaIwzMdvyi8vGGmxMV+zLk9jySDm1tlVkcxtmYwCFLO7Xn0Ao8ozXhg0aFtqxxq2CyVdTYmMaoiK5h2qYqp6nKf7ArD0MOPRYSoisILuwFhknKxH7LppnSDjAt9n69vhWxNQlRFZRwFjEKX440F4jTFjUMMx+DTF7pUTI0Hl2t5DFmu2sM0ZdYxWB34dLyUIIlJU+HQVComRskg9mM+9UqXx68O+N0zu/z6mR7P70jMvqRrJCl4ccKuG/HGAw3ec7zBnKNx32KJQZDyzMaI22Ztbpu184lPytFmiXGUcft8mSRMuLA1pheIUEkyWKiYGKrC+V7E+iii7yf81Fc3+cXvWeTO33w3cys2cZhy9ddeZPArT5O+spaLERf8IVkYFUZexZSCRWWaDpr6XQA6fREknb78e+wK6yVOZPpim9e8LRWnMPgqU55LDiRj7JK5PuG5DsnOhGzskbqRJFFyP0g6CuXEhzQox5tyVa42LFn7GCr6YoXg5BaZG+V+Dr/oGsqiRJqT2yXxxfiJeF8O1WVVlIsENZ8+FNRaQDU00igVA3Ddkvu2lk8FpsTbfBKj1i2iQVCA8NJBwOiqlCem+d9I5sbFqifccYv+Ja1dQnd0rLqViwynIPyGefw7y0/2RssmyiPgWZRIesmWwswsiFGrJsbRZlFnkEVJIRTibRfFUAku9ojXRqR+LM/vKCf8TmL0tiOfN4oKIZgOApnKBEkhZtKOJzFtR8fdcRlfHQkbJk9AZZNYyMTTfqvcTKyWDNJJgNqwMI40iF7eKcoXqZb/1Nf71/24PnH5lo8f/uEf5n3vex+tVus1595/++1bPV73OHSaptxzzz38zM/8DAB33nknZ86c4Z/9s3/2mgbLfzvbnWXZfzDv/W/f5k+7/b/v6/zdv/t3+Zt/828W/x4Oh+zfv5+52TJjVaEzFNz+9Jj239Qtnc7Qp+WYdJOU83suN7bLaKrCfUtVvDjlTSs1vnRlkPsVbDRV4fZZk5Khcm7PxYsTxmHCW/c7DMKsAMX9zfsWsDX4p09tk8YpNUujWrN4qeMy6rpEdZumbbBQNjmY9wgdbclKZ6FVYn1rjFkxCZOMww2Lk5sKnzjfR9VVrm6PCZOMW+ekBXlcTQr679Y4ZH0cct9ynZObI873AqI0YxBmzDk6xxoWqqIwCFIO1y0eWKjx1NYuX7jqctecwa1tg7lSiSRzqZgaz+8OuHO2zmev9Fgsi1hQFSUXcHJSVZWAU52IRy92MTWFGxerrA58VmYcvDhmuWJTMz3susIoSrmx1eTkzoCtccgfXR5wQ1PnSN3g4iDh/Te3aFoqjmECLqamk2TwrqN1SrpOlIqYcQyft+yvUDEUntsOOdK0MTWdfuCKcElj4ijhYHWWrj/BjQOe29nGi1O6XsxCxcSLEjoeLFc0jjd0Fspmvl6K2fPH1M0Sy5UW/cAl9mMmacYTF/b4R+88wL8+P+LuBZMn1xQh9/oxrZLBl1ZHtEt1/CSjpGt8z5EWG6NQuqPcSCCHYcITF/bQTI17luWPu6Rr1C2N2bLJwI95dsun60dsjcUrc8d8haqpsDlJGQQxs2WDm2dE1H11zS2mhY9e7JKkTfZXdbbdhK6f0LI1tJLGH77Sw4tS1scJP+Jt879/+m9xMNRJP/85Tv3UkzTOdVl6Rw/roQNg6hJpzlJJGwG4Ptl0fWQaIl50DdLcx+LY17wv09tNJzC69toOI1URT8vlDdSFBtlwInFbNyLzE6L+EM2NhdWyOUabdcQQWjElXrzroi9W0HMIW5bHdGWyEaEfqhcnVoCp6SfseJggJt/c+yFEQEH360uVvJYgw2jZKI6BXjWJrwxR6xZm/vWLmLGhoXQ9+Z45xj+9NEB3hKydBdI5pGgq5QXxphiLFVkFdVxZPc2WMBFxo+YTFi1PR02ZNCQZatvCNDQRV2EqTdaGJq9nmopSNSSWHSXoixWiSwMUVcnrAtR8ipKApQkDxo/FVJ7Hy/W2U6x+FEt+flmUoJYtou0J6XaKoikYixW0ulUYb0EuCM2qQbI9oXasKZ6ZVikXYk5BBk7zxFe8OZafXZBISkrXSPtikCbNwNRgcm3i9Wd5ZFlKliX/4Rv+B77Gf0nHn9aj9Hocr7twWVxc5KabbnrN+2688UZ+//d/H4CFhQVAJiaLi4vFbXZ2doopzMLCAmEY0uv1XjN12dnZ4aGHHipus729/Se+/+7u7p+Y5kwPy7KwLOtP/VirpFNv2NQtnacHPnbdvoboLxvcNOtgajnUK8s4tTUmyTL+0g1VVkcCCPu6rtEqScLntjmHpq3yXfttTE3Ey0LZ5LfO9hiHCSdmHN54oEG7pGJrCm8/OoOpKbxt2eazF+HM1UEhwDpDn6MHm3zt6oC/dnebJzYC6pbKj93R5p+fgo4bkSQpr3R97luqcnJrzM98zwr/4MsbuZdlxPceafLmfQ7/0+ObmJrCIIg5uR1Q0qXA8UvnOnxFV3nvbfMkWcbHXupzc9vmzfvq/OqZXd6xIrA8Q1VYHSYcaejMOTWWyk06/oh95YQ4TdgcR6iKwaW+z7+52OHOhTJ1S9ZNjqEQJVku+GocaeSJnpxl4kbbdIMUTZGSwTRL+e6VJY41dqmZDhf6QwxVJU1jbpkt8eKejz0a8o79+9lyByyWdXbckD0vYhCmbE5GfPnquFitLJRNLE2i5/cv6NiaQcWwc4Fj8n+fvcz9Cyan9yLumLNZHSVsjcMi8bMzUbl11uKPr07w44ytccg4SjC1Ae84MGYQZNhViVzvjkM+d9nl9rkSR+o69y3VaJZ0Pn2hy76qxaxjcHmY0M95PZ+92OWHb2ljarN4UcpTF/ZIk7RII53aHhfN4SM3wrJ0gtxzlYQJbzwia0ovThkEGTtuzFcv9XjkhlnqlspnLo042ipxqGHz5VWpAFgfBYxDnZWagRtnhf9yajKP0oyuF/M/ff0rct5u6/yff/ABvvHuj9L/7Vc4fHWIc+ssxnGfbHkeZUYVAaNrIkr8UARKqy7MFgDTysFz1WsQsWkUegqymzJdQD5uGlK4Z1uwN0JbqKLFMeHLe6j1MlkQk3Q8tGZJrtZVRa7gg7iAtKWjEOv2eZKdiRhrxyHG0RmSXVn/GEcbKIZGkkMKrTyiqzqSbEpHYbEmytw4b1AWwWMcqpN0fdK8OCpzI4wbZ4gvDV4zwdFbJTI/Juz5WAtl4p5A2b45qZQlMbEXk40jSi2bLErQHAN/x8U2VEns5Ec8DtHrFuH2BHOxUkyM0lFYFEJOTcSpGwhafxCgWVpuFNYKoZXlkeYsSYqUkTJRinoBxZLOpsyQdm19vkwWCRtHeo3yxmzHIOn5Yi7u+ijHW8KU2ZWkkmaIgXiyPqa8r0IyCkVUNfL26xzqF2/Iz18KIj3SkTR8m8dbcj+ilHRvgnqo/G0TLteP75zjdV8VveENb/gT5tjz588XFdyHDh1iYWGBz3/+88XHwzDky1/+ciFK7r77bgzDeM1tNjc3efHFF4vbPPjggwwGA55++uniNl//+tcZDAbFbf6fHsMgZmcY0PViun6EWTJYqFos1m1ZG6UZu25ESVe5a87keNNgtmywO4l4bNXnfC/m984NCJOUgzWDhYrJnKPyfz23xzPbIaoC4zDhL95Q40duafK2gw2WqiantsesjhK+vhWyPgpYKut8Zd2nVTJwqha6rYuHZn+dU9tjPnBzi81JytGGQZJl1C2Fv3nvLP/jgwvct1znprbNOEr4wM1tPnVxgmlolHSVsR9zZtfj86suf+GmFvftkxXG6Z0JX1nt81fvmuXOgw1iP+a3n17nq6tDLvQ8NicJuqqxWDHY9tKc1JqyXNF4pRezNu4SpjFplpFmGYPQ4z3HKlzqBxyfKVE3RZQ9uT7hqQ2PX3yuy80zBj9x/zwPLtk0bTVn58BXV4d0/JSqoXC0YePoKud6Y1QksVMxrHydZTIIM17c87mhaeBGKf3AxY0DXulHjKKUM90IS1P4tdMdLnQ9nn5lj1ZJ58+fqOLGEg3u+DIxidMEWzdYG3c5WNM53YmoGrLyWqlqdL1ICi2jhCMNk1/5xi6ffbXHhZ7HyY0hl/o+W+OQn39yk8cuD3lwuUbHjfiuwy0efX6Ddknl5W7EvqqRr9t0DjYsbp21sDRkZZhm1C2d3325x4WuJz1CUYJu6YV49nNCsKmqOLaOOwpolE3SOOXEokTltyZSj7DtSrR5rmYRJinbbsIblysM/JhdN8KLUi7lCICKqeHoCpX8MTdtFd+LeNexGVQFbp8rSdu4IQm1f+qvc8cX/wZH3rzA9qkd1j/xCt5nL8Kra2Tb22TjkUSip6bbRk0EzDRhFMciYlxf3qbrpFZdYs5hJP/uDsE2Sb0IahXSrT4MxyjNCtlEpjXmTbMYKzWyiQiJ8OU98WrkaaB0FOYG0phsFBI8uylNx4ZKsuuShZGceMP0Wkw3kj4gNTeEKmWd1JeVjVoxBQ5XlX4eiT1PSAaBTHPcCEUTEJz4R1L4pnQPIEWJloaiqcJnSTK0eYdwLZ9GpRnWTAnVUPEvDyBKyYIEqy003diPUSoGwZ5H7MbEg6BgoSiqsF60+XJBqlUdQ3gvi2VZXTXFR6K1S0WRokD38sZrTREsf1UYKtp8WQy5tibgvUEglFxDveZXGQQC73MjMSPnU5g0SkgHPtGlvlQgzDtoi2XSUYjdlKSX3irJZKrrE77SJel40u00Xy7KJtVWSZJIx1siTPNEVurm3qnkP20K8v/4uM5x+Y45Xnfh8t//9/89Tz31FD/zMz/DhQsX+NjHPsYv/dIv8Vf/6l8FZL3z4z/+4/zMz/wMn/jEJ3jxxRf5kR/5ERzH4f3vfz8A9XqdH/3RH+Vv/a2/xRe+8AWef/55PvCBD3Drrbfyjne8A5Apzjvf+U4+9KEP8dRTT/HUU0/xoQ99iEceeeRbbpxMkmu/TLtuxHtumCFMMlolg1sONNBUhTBJ0VSFQZjyyQsDSrrGffuqJFmGnSdx9lUtVAVqlsY4lBOOG2W8uDPhUMNGVzVumZmhZalsjEJWajaLZWn+/dk3n+Cxy0O+sT2Rk8skZKlZwvci7l90CIKY33m5z4VeyNuWFzhUm0VTFMaheDJaJR0jX2s9szXh5OaIMEq40PMomRqaCo9e7OLoCn/0yh67Y4G3ve1gk0vDhDvmHD70hmXuONxidXNEqySdPtvuCEdX6HgJJ5oV7pmXVNDb98+wXGnxk189z4t7Q17uTYqy1qWqSdVQiNKMpq1St3R+4GiFQRDzuctjntkOOLkdsFhWC7rw9Lk634+LBM+BmsXauMvqSAy+R+oOtm5w/4JJx0vYcWMWyiZhKkC4E02LRw7N8MYlmZYcati8+8QMP/rQMvcvlun5KfO52bjnp2xOhmy5fb66fpkj9WXeeeAg7zzQLrD5m5MELycgD/xEphKqQr/v89LmiBOzZU7MlHjzSp2/dv8idy1WSNIMW1c5uzuhPlfhfD9msawx76i8YcnhxIzDxijEjzO+tjZm1w2LyHTd1riyMaRkqGiGGLI1UyP2Y9L8d9TUrqXavDjlrv11Fiomhxo24zDh8jCmbqkiztyIaZI1TTO2JkIUvnWuzMiN8OKUCz0xR1dNiVtfGsiaylDhC5cGJJmA8L6x4+HHGc/vBHzozEn+1d+4ifjzP0JlqUL3Qo/w5T2yyxuwsUvmepLQSVOZlExTQ9MpzDQe3R8V8WbG7rW+I4BWDXQddb/42NSGQ7LWJ90ZiGflap9kzxVYWVknC2LMG2aw7pgTA2xeBphsT/Be6ZEF4ttQLGlS1mYd/CfWiTfGRWXA1JuhlK+ZYOO1kZyY00xMr0kmH8urA/yLfRFJuXhJB4GkY8p6kfKJrwyl9HCxLKmfpi0slqZNsD6ShmhbR7E0xlviTTHnnKJXaJra8bYm6FUTohRrzimwB3rdQl+u5D1KCcnmmNi9NpkhyUg2J4VROBuJp2eaxAJygWIUUeq068uaDHLicEKWpIR5rUA6kkqAdBQWa5t4StjNSx/NQw3SUQRh7pW5MoQkk/VcPrnKkhSlahJ3PfHH5AWX0YUeaT/IoXriwVHKFvohWZkqeYM0rk/a+zaling9/C3XhcvrcbzuwuXee+/lE5/4BL/927/NLbfcwk//9E/zC7/wC/zlv/yXi9v8nb/zd/jxH/9x/spf+Svcc889rK+v87nPfY5q9Vp3yT/5J/+EH/zBH+R973sfb3jDG3Ach09+8pNo2jW882/91m9x66238vDDD/Pwww9z22238Zu/+Zvf8n2enhQ2t0fs7U5YG4ZSRjf0WSibMmlZqFA3FT55YSD7/1HA0YbBqa0xji4k2ZIhbb5PrQ1ZLKus1G0+f6lHmGS863AZL45IsxRDhfsWS1zqe3z8pSFtW+WfPn+ZC2sD6pZO3dIwSyKE0jjll07t8KG7F7i657I1Cbk42KXjjfL0ScIr/Zhzey5PbUzYGoec3hK2SxqnXN1zmbgRJy908yt7obf+f+6c58UrfQBalsqXV0cYqsJCxeS+YzO8vD3mua0Rf3zVx40z9ryELdfl9N6YQZBycdin440o6Sqv9GP+4JUBl4YJL/cibp+V1UO7pPLcts9KTTwWJV1lHCbFSuO5nYiDdYOjrZKIgzBlcxzxB68MON2J2JqEvLDnYesKqqLgxjk0TjO4a87khlaDOE043xswinxWqjPseiPO7oWMI1lz2JrCW5fr3D5rs6+i0/FTbmjqRGnGM9shPT9hpmRQ0iu4cYCpSSqq46cMA/ElCRNMaLMLZUmDuHsuAz/mUKPEX7ntGItljSgRivCtcxW6+aTu0xe6dIOUiqFSM0vUbZ35iskgTHnp6oDdSUSYpJzclKizqomYm3JfpiDEA0s1Bn6CpsrvmlkxmQx8nl8f4kUpj1/s8v3HGiSZJLNe2HHZX7MJE4H5RSmc33PZVzUFvpf3GEn8OmNzkqAqcHJTCjwnkbBuxlGGna8Wu17ErKNzqe/zzHbIr569yPmffzvVT/yEYOjPd8m6Q/ClGoA0I/vm6cp0FQRypTwVNE7ujZn6XSoO2UZHxMSUpHt0P9pNyzL1sHQ56eUnZ32uXGD/k66sS/QDNSHNHqhRvmse8+aZwkOR+UmO2Hdk4gJiJs1Nt/Glgaw96laRPiJKi6iwtlhBm3VQHR077ziy7p6XKYSjy2qqHxBvjvNywawoc5zWBISX5G/PPlhHzdNEiqFRWSgXJ2Uj993EXU+i2xVDvChVkyxKMSumrF4GAcmuJ9HmPK6s2zrJ5lhIvjk0TrGkxRpDzYVcKomoMIUokeTUpQGqnYssJDY9fU4VQ8OaKaHNloqIttYqyVqqXRKWzShEcwyMukXS9XIRZ4gB1xXwX7I5lqRTXhGQjcKCBZN2fbS2U5RWqo4hk5dJznBJM9SyJQC7ObmPavWbGsivH/9FHH8mXUWPPPIIjzzyyL/z44qi8OEPf5gPf/jD/87b2LbNRz7yET7ykY/8O2/TarX46Ec/+p9yV4sj9mPSOEVRFeYrJj0vZpJD3nbdqGjuTVJolSR+9/Sm7MONfCJTMQ0GQcz2JORfvTzgrStVzu25vHF/lRuac+iK8Eu2vZTjDR1NVVgfBXxxNeGVjRE/9sb9fPJCj4WKyVbX456FEs+sqqRxyr3zFX7V0tmdRHx9K+Rib/hNIkA8M59+aRdFVZipWNy9WOExP8If+Kia9PhEQcznLru88UiL3325S61hUzE1Pn2xz0bP4wsqXOp6/J0HF7mpXeL3Xt7j6fUR33eswec2R3zfYQdNgYuDmH0VjU9f7nOwYXP/gslcSUTbrTMGr/Rikgz8RJ6rOUfSK0dbpfz5kohykma8+1iFe+ZLHK4bnOn4LNdMBkHMDS0dP8k4VNPYdlPiNGFtnNAuQUrGSqVOP3T5+lbInKOyUrXp+hPO7sUca+pseyF3zFdYLKscayzxUneNju9z15yJG6XUTRWrLlMVgFHY5Wx3G0OVaYuhQsOWVVvLNthft7g6yNc1FZNy3ZaJRdfjD159leWKRpJldD2ZZJiaQskSDs3qKEFTEi4P97h1RuflXswTayPSJGVz4OPYOq2Swb1LVcZRQrfjcsfhFpf6HpP8Kvlqvj46stJAU8A0NW453OTFnQldP+LuAw0efXXAPYsVfv9cl+890mRtJI3THS/lnnmDN680mHV03nawzuV+wNsPlPnc5TG2puSVDjE/cKzJ89seN8+YPL0ujdLNks6JGYcDVZ1BmLGvarJS07k0iPh7X7tISb/EH/3oW5j8/OcEoT83ltWQY8skxbakWNFPRIxMcf7T2LQfyvumdN3uQBqBd7pQq5B1h1KsN/bANNAOV+DCtvTqhCnJIJDVwiQQsRSlRf9PlkeXzRNtUl+4IelIKLdqRcy0IO3OacfDumueMG8pTvM0TxYlpHnyCJBagbxtWWs7ktAx1Nzfkn+OH0OVgnOiWBrRpQFBx8Oec4gGkpCJrwyLvqTp5CfenmAsV2GM3M64hl9I3AgNIMkordQEUle3CsjctM1abdritckZN0ouVqZeGn2lRrI2Qp0tSTooH80pub9leii2DlEinJdRRJpD9LJAUldFwWHOh4nHIXpzyr4x5POTDKVioAFJ1yfYcTHz2xDJxEWEkIZaNQnPdIp6gmlnUXJlKCBBQDFi1JpNOvRRGw5Y3ySI/yyP611F3zHH9a4iYLnpoNs6h1YaaIbGH5zr8PjVAaqi8I3tMaYm6ZgLPY9xmDDrGHhxwqW+x5WNId0g5WCO8d8ahxzMx/Yv7Pq0SjqHahqrow5+EjEMPe5oG/zLb+wx9mO6A5/LfZ/7D7cmlctYAAEAAElEQVRwDIXvOypm5HfdPMcTGxPi3NH/P31N6g72VS2+sS2gskMNm9Whz6sdl0t9n/mGzQ3zFbw4Yaaks1S10C2dct1GN2Tl8PiVPqvDoKC1Xuh6JFlG7MecWx1w01yFL111ceOMv3DjDP/zGxd5eKXNOw4JrVZ6iQJWRwkrVY2VqsblQcyrg4jlisaOK1fuHTdiHKZ4UUKaZey4Cad3JixXTQ7W9LxtO2QUZvzSC3vYusIgSHhhx2V3EvH4RsgrvZiqYXLffJth6PHOAwdp21X2/JB+6LLnh9w1Z3Bzq8wg9Hl6e4AbZ/zhhTH3L5i882AZx1AZBGMeuzqk4yWc2g0xVIWOn3K6E+HGGdteyrneOpoCs6Uqjq7gRhntksYDyzWOtWyqhojMricwwrolRZWzjsHFfsyZvYh5R2OhIqDBQ3nR4jhM+MqVAU+tj/jNF3aIUjEer/U8zLKJYwtnp6SrtCyVSZig6ioXeh51S2cpByI2WyVUTeXqnosfp9zULnPHnMNfuGmW2+cr3DUva6grg5A37q/TtFVObY8525mgKrA6krXXkbqOH2fsq1mcaMr67tnNMU1LYXcScWUoUfVnt3z+v3eIYXwSSuJobSzrubKpMQhSbF3lllkHTVH4neQqxoGaeBCm6aDpBGXK2rDNa0JmuiIajkXU6MIQKVgv0+ZoW5qWC/NuzoBR8yv96GK/aHuOLvXR8hOiJIxkMpBNYqJXujnETNZAxtEm2qykYxRbu4b/f26bLEqL6HDScWUikWTFSTrekAqBpOvnzctpwX/Rlsoysckj1FrLltvkJmyrbqE4BuZ8mSQvVpzGsaceFYAw94RYixWMuXLhJ9GqJv6OSxJI2gdDklfhMEBtl8BQSXbcQghlQSyrs2DarxQLul9TRMT0AzEau3FRJ6DYYuIlyV7z+JKOS5akJHkiiSSTyoCWXRiCjcUK+pKkuNT8sScd9xpReNsVkRSl2MdbAuZDCLrRpX4h8hRHgH1KnuIiSosVl+Lk0eiKlDB+2zwu1+PQ3zHHdeECrPUkJlq3debbZQxNZdYxiKOEpm2QpLIGAthXk4jzSs2mk4+qv3i5T8tSCZOUVknK/37sjhmJrTomJ3dCTndCPntlmz94tc/5foypKbzreJsfuWeRP39jmzBN6XgpX1wVw+fnX+3x7Ct7BdV3fc8lSVLOdV3ObY54+nKPz5zZoWJoVPOuor/34DxelOKFCZ+52KNu6Xzw7kX+3kPzVEyNUt3m1gV5ARkEMQ8u11kdClPmxEqdUt3GixNWBz4/dLTNnKPlkeGEu+ZMPv3qmIv9mPmKyYVeQN1UmXek0G+mpHFzq8TaOOGGllEUBZYMjcN1q/DfWBqsVHVubjv80Ik6r/SFtfEr39hlX1Vos62SwbGGzsktl11f1kNn9jp88tIlVkd7GKqCisKi47DtpgxCn0GQ4uiyIjE1lUGQMo5ijjdmWBt3OVTTqRgqK1Wd03sRp3cDlisaqgJRkjGOhK3y1fUeB+tykthxEwwVFsvys6/bOms9jyRM2OxIxL1u6/zhi9t88cqIcSQm7h883uRC1yui55oKF1f7+AOf33ixy7luiGXp6IbGoUaJt98wyyu7E764OiRLMw4vVDHzXqZ6DkAMkwzDMTAsnTevNOh6UcHL+drVAV9bH/PHl/vsuiFPrg35tRd288oJ8VA9t+1z55zNK/2YS32frhfxkee3KOkapqby22fFwNz1Ym5sO5zcGnGiWePueYs75ywcXWG5orFQFv+LpkDbVplEKeMo4bFVuUqfrI5gnMPKdF0mL42qiBc/lPbnTk+EyDQp5JRE0HQHImhURfwvOfpfqTj5Wikj3exKJHoUirF1Ucy32lIZJU+0TPt1Uj/BP9/NqbMCRkv9BONQg/DFDmnXy8FzjnhScvOoYmsYy1WStXHeGC2TiizIPSzjENUx8C/2pRE694pkQUKyNhaDbP510txgqi9X5IRsaShlHbVlE2/nCSdNQdFU6VIahai2LkC5ri8+kkFA3PUw5sqQZNj7KqRRKtOYilB7zYpZTD2mDKqpNybt+WhzDlmSyuQo947INCW9Vrw4yVc3UVLEwKcTE4Co6wvJ1paSxHQUordKMtmKEuGz2FoxmZqu2eJBIKWRsw7aUhmrbhGOQ+LVoRir869vHKjlQlLPOS7i8UGTpJG+UhPz8LTJOyecJ1d7fybnhT9xXBcu3zHHdeGCdBK1HSMf8ydoCmxPQpLcNBomKQM/lnWQoRXTlyRM0Ay58jZUuNSXCctbVuoslkvct2Cxv2byjhWbQZiyNo65oalzaltOrg8fKPHGpSr3zpvcOuuwWFYLHoemKkLKLRkcXqiiqAqRG7G3OyEOYiIvKgTNYBiwUrf4h0/tkOQV4UebJbbGIY9e7PPcTsQwiImCmIeWpDX5gX1VTm2N2Ve1uG+pWrQu379U5c8dafD4epcze2H++GMO15rsr1t4ccoXL/cp6SqfvjThc5ddVqoa845GwyrzyKEqH3tpQMvWuDoIUBW4PAz5xo7Hf3NHi41xjBun/NDRBR5anOOJtRHHWyWSDFaHASs1k9Whz784tcttcw6HanW23AGOISfO832XcZhycsclThOqhsKxxhzn+3Fupk1olnTcWHwbl4Z76KpW/PviIOZIXSLAhqbQ8VLmHUn+WJrCq4OIjpdiaJIqEjigkIPvXpDOoSzLSKKEJIOuJyWGV7ou+yoa332wStUUf9NbDjZZqVuFwDXLJtuTkH0VnRMzJaLcN3Kp73O47eBFKYdaJXbdMJ+oWXS9iLZjoCnkQkdKJlslg3N7LuMwYaVmk6TTBmmVEzMlTsw4PLCvStcTpP+RhknFVPnMxR63zTncPGNxpGlT0lXqlrBhNFWh60c8tTbk7oUqF/pDHr005uubPuMowzEUbE3heEPnSF1nEErCbdYxsHUF885lwqE0O0/BZ4VHpVYRoWIa8v/T9JCqyMTFsa+VLfqh8GFAPhcgjPMESVaQauO1kZxAc8NoFsQFs0VrygnVnC+jlI3CIKoYapEsUiy96OUByCYCVpsi8LU5ETQCbUsLI6q+LNMga6UmxNdZRyY7vvQTpaNQzLD5CVnETVqIhOjKUG7bFkK3cbyFWrckTVS3pPPHEuBe5kYyvZjC4tJMhMqcg9EuCT+lbpEmKVmaSlrJyOPCPb8A3iU7rkwwDClqzFwBvSlVE31e7se0DkB1JGmURWneJC3TGGulJlyYNEWxNOGr5P7AcMclutCT51lTULQ8kh6l4sPpesVjAjCbktiUry1KOHypm6+XRPCJKViETXRpIM3VyHRGKYvoUlo1tP2vBZVeP/7ff1wXLkCzKd6LjhtxYsahpGvYukqjIeh7TZXGYxBxUrd0HthX5a79dayyKVfelspDy1XWRwGaqvByb8KlYULPT3ilJ8mSrXHI5iRhpW7xtgNVen7C6b0JfiIR3VGYcbRVwotSwkiMoUmSyn/DpDAR33a4xf59NRbmKiy0SpglgwtbY7p+jBel7KvbbE1C9sbiyfg3L+0SuRGqrvLslrRGf+3qkLqtMesYNGyNo80SR1slRmHKY5eH/PNnt9jKUwthGtMPJjy3Oebs7oSjzRI3tS3qlsaxppwQ3UimFid3XNaHIVuTGE1VOFLXWR8nvGHZEdCZF1MxdDYmcpV061yZT77S5R+9ZZE3LVc4te1yKF+7ffCGA8RpyuVhyOMbguDveAnbrhQsfubKmM1Jwjd2t3njks25PZ/1UcjFnoejK9zcKvPHV30e3xjixxnjKKNuKjy/I4Kq46X5z0p+Pqf3ImZKGlGa4eT4/CiFgzWNliX9SKah8fCtCxxYquFNQk5tS6JBURXWxwmOrhTx964fsT4KsXX5MzMsKar0EzHFGpbO+p6bPw8VwiQjTDJMTaVV0vny6pCjTTEuS/+RwdZERM3qwGd9FHB16PPMap9BEON7EbuTiAN1i31Vi56fcN9SlbYtsfTLw5j+JKQfJFj5/azbAu47MeMImyiFtx6os+tGXBwkrA4CBkFM3VR4qRvxYsdndZRwaRjTLokhuVUy2J5EpG//fhonWsJd0U0x6KrKNXquqlxr9E3Ta1UAtnUN/e/6ZAP3Ws9Rf3RtbZSmgvFfbKAt1jHu3k/a9dHnyqQdV8RLlECYFj09astGXxGjLmlG0vEKbsiUppvmcVx9KTd7VsT8qh8QYaI4EoHWlsoynbE0iRMjJ9FsEonZNa8NkE4jgcqRyPuiC32iQZCvdWTdMT0yX6aOWZRKHNhPUDS1iChPJxhxzpjJ8mlJ1PFgWhRZFdMyhiqE2q4v/UI5cwZDlZVOz0eblfuutUsSK/ZFmJH7V9J+UKzH0lFYpIuyNBNjcE7MVasC+VMcHc3S5P5MQX2IP0ZfKqM2bdRcLCWbEylntDSsnJ0j5t0ItWVL19MoKoSgWjWl0RqJkifbwoOJLvTleYsTsL5NyP/rcejvmOO6cMmPMLl2xVoyVI62SrRsuZo82izRsnXqls4jRxvULZW53M8w6xis1G2e2PD46uqQ7z9SJUwyKoZEUg/XDRbL0vJbt3S2JjENS+O5bZcz3YiTW554JDoud86VuND1qJgaSZgw6Hrct1ynbmtopiZ1Awca3DbncLRZ4r++bYY/d6TB3YtVFlpS8vjwYfn33YtVGmWTH7mlWRiPNU3lyfMd0ljG+2GS8dVLPT7+/Bbro5DvOVgmTFJW+x6xH/ON7THbnkeQxBxtLPBDJ+r8zXvb7K9b9PyUw3UhwH5jV05oz+3KiaDnRzy5NqDrSULoUxe6VA2FE02Bnr3Y8WlYZeI05f5FkyTNaJeqOIbCA0tl1ofSwdQPJjQsBzfOeOOSiaUr3NqWq/t9FZMbmjpv3NfCjTOiNGWhYnJipsRKzWZ/1cJPQpbKOloO8pu2Sd84Y1I1VRxdYa6kMgwSZh0xZAcJ9PyU1VHCJEzYnCTMOxpNW8XUFExN4WxnwiDHyXdy02wSJvzOqS0cXaFuym13JxFBEDNxI0rNEkmSEgUxr3SF/VLJ+6/qtvz3zQfqRay568VF9FlTFIIgZhDEHGrYhQHcj1MiNyIJxb+ylIvPV7o+rfz+LtfMwp7xzMaYAy2Hlq3lnBqd9ZEIk5WaTIOuDn1e3vPYVzVZG4XMlg0ONmzWxglLZZ37Fku0Syo3zwiX5sooxtKgbulonVXse3OoZJaiGGZuzPWvEXGnk5eKIyfU6TFdDcUJykwuVEyDzA+h0yMbTuRFf6Et3UWqSrrZLQSENlfGODoj/odxeM2bsesSrw7lfbm3wjjcRMuptFLgF6NYuhQaNixZYeS+julKCkMVI3DPIwsS4p0JWsuWVFK+atGaNvHmuJgS6MsVko7HNJM+jTKX9leLEzVJlhuKk3zdJf4StWVLUqpdylkysXT+5FyXdGrazf0o+rJ8zXh7UqSbpvyWQkwkGWq7RLIr048sSOQtn25oi2WZ1LgR0yZrtWpKQeUoJFwbCaguEe9MeL6bT1Y89Nx4P53opCNZSUVXhsX9SbaldwkkYp32v+lxzpeL3qPMj+U+5I8zCRISN8ppyTGKY8jUTVNkxegFr/v54E89rq+KvmOO68IFqJk6SZbRtA123ZBWSWelJl0vXpSSZBmzZZPNgc/L3YD1kYz+bV3lB441eGCpzJGG9Ay1Sxo1S+OxKxM+/uIOz265JBm0bIkCrw4DHF2hpGsECayPQqqmyg8dq2FrcuWQZPnuNkpYqpqs1GwOtsukccr7b2zwsWc22JqEPLvlc2tbxNWP3jZDq6SjKrLaMlQYeBF/eHGElbdcu32PLP/akzDhyvaYcBKSxiJWXu5FfObMDuE4LMBnq8OEnp/SDyYsljVKus5b9lmF7+P8thCES7rKfEnlwcUaf+7oDPct1TDzaO8wn9wMw4h/+OaDqKrCqd0+aZZyZ3uRf/TWRdIs43tW9vM9B+Y41LB5+8EGDauMqijcM1dlxnY4Uje4ubWPI3UpRux4KSoKdUvFUIVO3PVixmGCo1v8wUUZLTuG8HeSDC72Q4I4Q1XkedYUmCnpeHHErbMWdVMmIvsqGmVTYxImPLMdEuTC9h2HmmiKxMYVVaE5Wy7otofmKjiGwtluxK4bYWoqlqXLVW2cUi8JDOz0zgQvlnj4ymyZkq5xamtMx4240PWYdcQjJCZfizBNWcz7ji50PUbDgJp1LSqdRAkLZZONnseXT2+RZBkXegEtW1Z4z297/NaZDluTkIeWq2gKBEnGC7uBCChDy6GBDrfPV3h+fcidcxZelKIpYs61dYUkywovkZ9ItH65Ivygj7z13QS/9ikRHbUylFtg11BKJREc0/LEnW7uY1FzZHu+PlIVMVrmMeqpB0apyRREMYW/kq3tyMlz7BK91CXZmUhR3+aYbOSLL0RVsG6bI3MjMeD6MVqO4FccnfD0Ts5dkfdjqOhL5eKKXq2YpF2fZHtSFAlOE0pp10etmMUJeRqh1ubzvhxNKdIv8ZqkjZSyUXQZyQlaJ9mckLkR4eaYZNsV1swkL6XMRYZSNUl6/jdh9lOZpuQljsaBWh6jlr/FZFuqATAluizm2iT3wVzDSKgtuzDOAiIEJlJPkI5C1IZVxMQzN0ZtWKTjEGulJn4fxxCfTNcXcdf1Uap55cHqUMRXHv9WtDyBVDXBUIm6fmFcTgYBwfmuAPBUpZjyqHVLxMxiGX25irWvKuybiin33Rbz7nT6kg7c1+U8cP34z+e4LlyAOxYqaIpCPV+ZmKpK1ZRx/Xi6skkzDrQclqsmixXxHEgEVr5GkMCXXu3yT57dw1BhaxKyULUwNZWbWi0qhlJcpT+zNeErZ7b55PkOYZJyrhuyOkp4dTAuItJJJOmSq4OAiqlRtzVUXeWPV13+3K3zHG2W+PPHa8yWqmiqwh+9OuIv3dhgHMkaom6qJGHCuT2PB5drNKsWiqLIm6rQtA3SHO0eB5KU+ehTa2SpmEABgmHAL5/com6p/NLpNTYnCWe7cnVzsGZw04zJm4+0eGJtxLsOOyyWSzSsMvOOxrk9l9vmHDQV3n/HAoMw47mdEFPVuKNd5oZmGVPTURWV29srLFdaUnSYRLx5v8OZjssLexs8v7PFlutSM+VrA9wys5+XuxHnewGr4wHLlSpzpTqtkkHd0gmTlAv9IccaBm9ZbtL1U+6dNwnijIcPyj7f0RWqpspiWaNuKoxDESundz2iFG6ZqU3tAayPIknlRGlej6Iy8BNqFZO6pTPbKFGvWXzv4RqjMMPSFN5xqEnXj5h1DOZqFrctVWmVpH8ojhL6k5CNnsdaz5O0kh9xbs9laxQUv3OaovBb39impKuYmsp9S7WC8ZJkGWmcohsa955os69qsdQsYVUtSTuVTQwVPvL1TWbLBt9zpEUYJex5EmUfhRknWia3zonnaRwllHSVU5sjbpiv8KmLI0nENWzCJMOPhefSLqlYusKsbTFrW6QZ/O9v/EtsvOUn2f78lWuGW28IXp9sMkFptlDmZlDmZkTUTEfmw7GshGzrmoipOHKbVu1aKgnEpGtoZJMIdb6G4tgYx5u58VW6bOK1kYgNV6YB02mJnDQ1zHv2ox+oianTj9FapWJFkiUZcdeTpIqpyjqoVcphdte8H/pKTQB2dYssyTBONK9Ffm3B3qf9QARMzmHJfDkxx4OA4GJPDLi5cdZcrKBUDayZkjBicgNrOggk2lzJCb75qketmpiHGhiLwoqZFjVmSSbTDE0EQNrzUesWwfrom8omvdznoorIWaqgzTtFp5Ki5hOWSSzrrygl8+MCHJf0RKBMhZFiizhKgphsJPcx9uOi3XraYzQ1IKtVuYCabE0YnetKRQKybkvWRmCqmDe3iwlW0vHkcdmarMTG8vNULB39QE28QLaO2qq97ueEP/W4PnH5jjmuCxfg6Y1hEV2dFuvtedJAPOsIQXbXjbhjoVJMt6NETlCH6jrPbLo4uoJuaDx8qEbfF2/AiRmHA3UTXVU5Ui/zX9/a5OXtMQM/QdVU/IEkenZz8+bHXuozciO6HbmCuPlgkzBNqVsqH37wKGXH4IkrfT59eptLfZ//9cktwiTmLx2fZ6Fs8pU1j0+e73Buz+W5bZfZRokoSfnKxS7bW8IN0W2dyIvY2Byi5t6LLM2IgxhFUUgTWT8oqoJmaiiqwv/65A6fv9jlK1ddLvRCLg1jen5CzZT+pres1HCjDFs32HEHXOyHvGmlxpyj8rfvld6oE02LUZjyj5+9Spql1MySoPxNmzCJ0VUNXVW5NBhyaZjwDx44jBtldIOUliWlhgdrs5QNGUnfNluibulc7Me81B3QDcYsVcXYO44SRlHGm/fN8NX1Hm9aKrOvXKddUgnibBq+yKcucLAuQLrVkfz8e17MV9f7XOz5eHEqq7tM/CBb45CVuoUXyypppW6zr2ZytFniC1dGnO1G3DsvV6v7qhZHmyVmHZMfPFrjxIzDHYdbVB1pgQ5zA/haHn3uuBEtx6RlG0WrdKNscveimKfXR0IU1m2dUe5Zum+pyrk9j0EQY2oqhqUzWzYYhwkffbEDwPGmQc+LuWmuwoWex9luzMdf2uPsXsjJTREod8w5nNtzKZkaDyyVaZV0yqY0gYM0fwNYmoiWl3oe5/seG5MY1l5gZyOiebQB7aY0QychmR+AbZHtdcjiWFqkTQMaNZRGTTD/jWreEB3LSmlt+1p/EVxjvugaSt3J/RCyelIMDa3toB5oC5F2uYpx44z4XIBsLBOW6VQgfmVHvCyLlSL6q7ZsskmENl9Gq5oyYVFV1IbwW7IkRbG1Yt1BmqE17WIKkWy7cnJfGwn0rmpK8sYQH4ySlyFmQYKRm3GnbJgsEDpv2vWJxyFpx8vTPRJzzsZRXnyoEG2OSTteQZJNBwFaq3RtFZVmBcgu2hxLiihKMNslFEsvVjHavJRQfnP6ZyoGFEeXKdI4vNZiPZsD5qpmzolxi94ifUUebzSWFU4yCnHuXRRjdv5CmbpRkXYKV4coFQO7aVE5LARc81Bdplh1i2wUkeSN0lqrhNYuCdAun1JNhVC8MyHZGAvcztJI1r5dqaLsdRAu2bfnvv6//LguXICdgU9n6DMIEs51XT59YY/HLvW40nX5ysUuSZZxS9vGEugkhgq3tG3GYcpzOyFntkb8zst7vOVAg+e3PT57rsN7b2xzrGmyXNF4odPhn5zc4gurHpalc2FtgFkxMUoGXTfE1FRuaOkkKTxyw2zRcN0qGTz7yh5unLHl9vmR22aZqVjcfrDJLXNl6rbO2e4YNw640PO4f9Hm579rH2ev9Dm35/KeE01URSKFZtnk4HKd2I8xSgZGvrbQDJnkqJpKq+2gWzqVnB2i6iolUyuu7k9tj3nTss28o7G/WqZll1ko66xUNS4OYhqWQzcIGQTiFfn9c31AVjJPb3l870GHcZjw8XN9xpFPmqUoqHT8EWujPbbcAfurZW6dMej6EwZhyq0zFcI05vndEVuTPnv+kOd3V7l15kBOz9XZnCQMw4ibWzpHmyX2VS2e2hAj45GGzpWRz7M7XQDcOGOlqjGO5AVkpergRhlLFQtDhUMNmyTLeOzykIWKwPBsXdYlT64NGIcJ82XxNb1hf50wSTnUKMk60THouDGrIyH23jLr0HZ0XupM6AUpP3C4xl+9s12wWqYrpCRMWB9InLjnRxxq2LRKBpf6Xt5OLf6dMJE6gTSWzpoD8xXO7XmMui5enHJ16HP3YpWBH9O0NbyBz7HZMh0vpe3oHM/9Pyc3R5iqykJZ5y0HGjn6P6Cka/zo7bN89tUBh+omn73YJUgy2rkv4fkdH0NVmMQhbpShKgqzJY3480+zcnOVyvtuQ2kvgOmAqsuaCMTX0h+hWJZEnrsDsp2913YVLbRFpLTqMmkZe7JWGk7kNmMXHBtFV1EaVZKrXfFpRAnhM1fQZqVhmDRDmy+jL1aEawJ5gWBCfCkvekxT4tWhUGy3J2izJSGxtp3XrFXSQSBFiI4hfovcJyNlhhpqxSTZdUU01C3CFzsiKkYh2rxDdLEvokfQyyhVoxAv+nK1AMOpFRNzpSblkNuuJGbIBU6OxjcO1Iqix2nxYdL1xDdSNYtVj1o10apmTsyVCZAkhBIh0vrSFI2mFDUF8mAz4rUR7qmdYsUEAtBDVYoiSCVvxE4HAUnHI3Uj7KZNFiTo82XpJGqWZHKTSg+T4shESs+j2yCiUs//X5mupZKUZG1E9NKeGHDP93Ijbk+AgQ15PlTHyH92rkyKjOunsf/Sjj8Tcu5/bkeWCoDNjVMmaUaapCiKUvAQNsIE92ADTVFo2SqGqjCOYuYcjX/+7BaWpTMch3z2xW10W1D7O27My17EvqrFpb7PIIh5qTMhjVPSJMU0NCqOWRh8v74V0vUjkixDz3H9Xz69hW7pfOLMDk+t2dyxIHC51aFPxdQY+DEvdSP+j2cvYmrSDTQIUrIsw/VjPndpyKxjgGMwjqSj5oHlGitVja+tucXX6XoCwtvbnaAZGqOui5kX+AHFegLEKDoKUwzVZanc5F0H2/RDl32VjNXRHl0/5a55h8cuD1nreez5Ie880OBsd8xSuck7D0t/jqnp6KpGkITUzBJhEnNTax8db8RDi02GoYetyYrop59cx9QUjjUMHN1iFGb0ghFVU2F1lHDHrMljqz5VUzw100j55dGAW2bm6foTTu4MqJsKqqoQxPI83dAyCNOYpbLFcqXFC7trhEnK3Qslzu66aIrCDx6t8dnLE4kg2wYXeh6rQ59HjrYYheJTefSiiKIP3NyWWPww4fyex6lXu+i2zv4Zh3Ndubo90bRw91zuu3GW516VK0XDMViqWtzUdnjskhQ4zjoGdy9WsXWV7XFI14uKtNVsu4wXp3S9iO3OBLNs0vUimvmkZteNeOJKH1VX6Xoxf/hKF1MVw/nWOGSlZnG245JmcLRhUDZUnlofMVs2eHxtQphk1C2VhYqcUM53Pb7/SJXtcYgbZ/nzlfFyT9JGycaY5m2zsuYBsGsw7oBVAbcvfhVVJfO8a6sk18/JuGURJlPzba0i8ejleRE5YQRjj3Tok22NBPMeJ4Ko7wkUTVHV4kQbvrSHPu8QXegX7BXjeEsmCbkhdCoako1x4eViTUy1AkDTSTquRJRzb0k6ClHy6HG0NsI82hTxoypFmkkYKFINEOc7ZK3tEE/E96E6BimQ7nrFyRogXB9hHqrnEw9NxMUUIOfHaPMO6a6H1i7hXx5g1C0xw2pKnmiaRpfTwtOi+Yl8blsEXbLtFnC+qTBTHUMMr24kj1tTUDqefL98SgRC77VySu+UChx2POyDIpCMthits1EovpyOK23decJq2tqt2LqspfKItGJp0mmlikmafNIznegY8w7+mQ5605Z4OcgELcmkcXp7IgJyvv46nQn+A8frkQq6nip6XY7rUhURLmmSkkQJ8+0ydt1Gt3XMsolVtSjXbXbcmLVRWJTv9XyZtty/0uDuhQo3LlaLdMmxpSpdL6JialzIPQxhInTdh4/NAOCOAja3R3hxwtnOhMv9gJZtcHJzxInFKpqpcfRgk+PLNRo5/2N1EODl3odxmPDuE80ihdTfc/k/nt3h05cmLC9WOdx2aJV03nqgzt2LknSaKek8tTbE1sRc+lfvbHO0WaI3CkjCBCun6Zplk4cONLj7QIO6pXPfkiSUAE7thjy+7tHxUj5+/jIpGXGacK4XMAxjjjccKqakb25bquJGGb3ApV1SURWVt+yb4775Oo5u5h4XhYph0y5VidOEdqmKrRvUzBJH6g5hGlMxNf7ckRoHa7O80p8wzhuhT+1G1E0VVVG4f9HkWEPH1BRunyuxWNZoWSZhErMxkT6ptXHCExsBZ7oxlqbgxxlhIvt/P4k41tSFg9K0+MkHZrljVhJM5/ZExLy6NWIy8NEUhc1xxJNrQ0qGxncfajLrGNQthRd2/by7SrxCkSdG3T++3GfbTagYORk1yQR26Bgcn5GflRenHGmW2BgFHGvZhWhJMqlO8OKUkqGyOvTxYqmj0EwNx9bZHYdIglYpBA7A+vqAvd0JnaFPmKSFp+WmtsOXrgxoWipH6jo3tR32VS22xiG3zpWxNIUwyWjbUnnQ8QSu2C6pOIYlXKJRyH91022k4xDjQC1PCukQjMnGI7LhnpyYXO+aqDGNvExREdESRvLxKR23P5T3DScydQljaNVQl2dQ244IoOEEbaEq65JmCW2pXKxPSDKSrs/46kjMtvlKIenJRCsdy9RCcYwCmKYYKuF0chGlBX8k2ZaVbTaJxFOxWBGOS36i1ldqMkGYFl/m9Fut7YCpEnc9IfruTMjGEdH5nnhBHIO04+XrGQPNMYQp4xgoZT2nxSYiZPJpjVq3UMoGRm4KjzfHxSREHpjErrNUUkGKo5PkhY/JICD18wboKBVj8CgSSJ6qFKh9kgzraKNYIQUdr7hgmZqZpyLO2ie+ojSvKRDjs4HWLgkDZ0owvjKU+1PWiTouySjEnHOKUsssFe9K2vHEcJtPlUCmPdbxFgDasjz3Wtu51lG1XJWpW//bVLJ43ePyHXNcFy5AmpfbgRQt2rrKB+5c4NBchXbNZtR1Obk54rEXtnhyM+DklsuXrro8vTHkrfsdfuh4hUt9X3qCcvBb15MT4u4kEn/C1pjVQcCnT29jlAw0U+PY/gbvOd4AhGS7PgrYGQZc7HlEXsTWWJgdnT2XYBhwdmeMlhcUvrDa5/OXpGdloWKiKArewOfxl3fZ7LicWx1w8kqfKM14/OqAf/HwUf7g/B4Av/FilxtaBl+86rE1Cfm+m+Y4mq+RkighciMev9jl1OaI7UnIVy/1Crz9x5/f4uyuy2+d7bHtJqyNh7hxyoV+xKVBTM0s8QtPbLA6DBiHCY+vT/uc4DOXN/GTiIph0bIrjCMfNwqwdTsvUQx5ubfB+d4WYRrjJyEN05H245pOxZDW581JykvdAVVDIUgyNicxbpRxei+iVTKIUhiEKSkZtmYwVyoVfqQ7Zk3qpsLNMwaGBrZm0LDKXBjsYagq+6rCSrm5tcQoyoT0WxevytS0bGoKp3ckEl0xJB59qGFzvhcTJhlPb4xZHwX85dvnufPIDJoC/ijgC5cGuHFApV1moWyiqdKRNeXltB2Dm2bLLFUt2iWNiz2Prh+zVDXFKJ6bxBcqJuujEE1VZFLoxyiqwmZHfifnHaEtp3FaTBSSUAy/f3y5hxen1G3pH/o3F4ac74ufa30k3J8LPY/VUcyJGYmiV0wNP8mYdzSCOOMzl7t8cXVC2zE48PxFvPUx2kIVpTEDuikvzrYFukY2HF8TK9OrzTS7hvc3jaK1mDAS8eKHshqK42LiQphj3+MEpVYW5HvdQluqCStl1ilKEzM/obK/ir5Sk7SPoRYmU7VuyUqJHLgWCpTNOtpAa5eEO5IbZ9WqSZwXFaoVU9Is+Uk+ywsCp5A06+4FKUeckmfrFmZe32Huq8oqaRzKST5f3QAFbyVZG0kaKUyLiLLWsiXWHMnPMe0HKI5OPBZzb7I5RqlKAmpaFZBsuwURV8vx/cZiBfWb7rfatMUvkmaFSCjasfNJkeoYlI40ZOqUC7ZsLLFp1TGK/iYA7/KAeBxKz9HmRBqhgWRzQtjzyYKYdNfDvrlNNI4Kg/B0dZX5CUpV/DlaDuBT88nN1CuTTeIiSj0tYMyCmPCVLtGr/f+0E8D14z+747pwASo5gG6auuntTvjo81vUbY3dvifckzCh3HL441e7nHq1y1fObNMqGVwcxDy3E/EDx1s8dGKW7a0R43EokdSux9bOmCi/Mo7zF6s4d/lf6bo8u+WzOgh48dUu/iggciOCYYBmaEy6Li9dHRQm2WAkHUNBTs598dUuZ6/0+caFPeIgFnpmlr3GdPuxr6+xszPmvvm70FSF1c0RV7fHfPylHl96tctzr/ZIsuxakikXcJqpUTI1VEXBsqRb6Edva6HbOncsVKiYGic3R/zjr+/yi8/tcVvbpBdIbBrA9yLuX6ry5NqQz14W8XLvfIWaWWJj0iNOE/w44tXhDmESoCk6w9Djs1cmrI09/DjidEc6iSqmJvTbKOC9x5ZYqWpEqfhV5hyVp7cCTnciel6MFyVEaUbVULE1g89fXWfTdTlclw6iKBXfS7tUZcY22fUD3DhgEKTUTCmR3JyknOpsYKhSPviuwwIWtHWVNEnZ7svE48HlGl9elXbmIw0xBk/pwu8+3mLXjblj3qFu6dxyoMFO1+Wr6y77qhb7qgYlXcMqm9LbNAwxVCHx3jpXZsdNuHehTClPlrUdg/uWKvkaRycIYjRF4e6jLe5faXDvUo07DzY42ioxCDMWWiUW5irolk5jxiGJEs5e6dPfc7myPeZS3+dY0yRJ4bnNMWGSkqQZhxrytzDvaLx5n431TSyZOUdldZTw8p6YiX/q3vvY/T+fovrgknhUkhiCMcQhim6iaLoYdVVVJi5jV4y3rgeXN+T9fngNUjftK1pZlMRRrXKtq8iR+K6iKmRjV8yvTZtk45pXJV4bCXG1ZYv4yKcPWSDTGOPGGTkhbkuXT9Jxxa+SezCS/KpfrZp5yWKENu9gHqqTbE9Idj2Snietx12f6EJPChZtvTCYYqgiKgaBRIZzL0gWJZhNSQUZR5qFUFDKuphs3YjgpT2h/BoCvYs3JCGlzZYEBpcXM2pWnmIyNLScBTNN/pBkMr3I+TQgIDhtSRgtasvOJx1Z4XdRnLxtO8fva7NiglZsreDEaC27MMeCCButXcKomGiWhmZoRRQ9y6c7+pGGNFyHUk8Qr40oHayLkJyK1STDvG1WGDnbExRNFejflGY8Et+Omgu0NP932vXJpnHvPL31Z35cn7h8xxzXhQtQs0QYTMeiqqYSeREnL3T57x7ax01HWqzULf7CTW2SMCHyInRL56XNEb9zaotL/YDPvdrnua1RsWYaBLHwTeo2Zcdg34zDDfNCoNQMjQMth7maRcXUiIK4YIEApElKHMRF2ifyIuyqhdMo8erWiGAUYFUtVE0VI6+qoOoquqWjaiqqrnL30VYhYNI45bZf/1fsbo5IooQ4iHnl1S7+wGe+XebsrksUxNh1myRKinqB/p6LPwqoGBr/zR0tbmu3ydKMx853+HOHq/zE/bPct6/KrGPwuctjKoZCwypz1/46bzs6w+de7XO0JdUHj2+E6KrcH0Hwh3kKKebp7Stsuz3atqRnfv/8kK9t7gLgRiG3zui8Ogi4MNhmubLIg4sLaArcPmtgaToHawYPLVl83xGHm9s2hqrgGEruk1HYnKS80BlgajorVZ35Uglbk8lKEAvxt+enjCOfUZRxeRhJ11GYsr9S5eVezEbPw49TnEaJG/PV29Mb0p48jhK+tjbGi1JZ7aQZ7zzQ5tT2mCfXR5QMlUt9n2rN4uMv7vDG/VWiNKNVktVWSVcJ05TNseD9t8YhwyDhphmdhYr4oPw4xdYU3nGwRsWUfqowSVmpScP36sDPO4hintscY2oqdy9W+K6b5wBZ/03Jy5EXcW53wrNbLsdnSoRJyrtPyLrL1BS2xrISrZgKi2UNO2/LTjMxWh9rSYdSlIZUjzbQDzQlHWQ6oKiQxmDYZEkssLixK54WpyTmW1WFSkmEyjQSPQXQTWPSkHNdEvnccT5JUFXCMx2yKCFaHcrKJEwleWJo6PMOyaZ4V8Ize/kq6JrZdso9SfuBnMjrlpwQ80bkpOsTb46lqNDSJOmy7cp0wVRJd0WEx2PxgPg7blEkqGhKbgRO5cQ+WyrWUfpyFdUxRPSMQxEKo5BkQ3qX9LaDlntwFEPNQXMxStUoxBg5R0ZbKhdrkumRBFKeqC9XCyGmTUsXOy5pPyDZlRVY2vWL17oiWgcycTFlNTWdGoWX+sKOmZYbjnJzsCbCSz9Ux8grB2TVJmmpaG0kTJe8SdrIxYXasoUNk09tFEO9RtrV1MLcrNZtjEN1mWJNE2D5z05fqQntOO+M0hbKr8dp4D98XCfnfscc14UL8PCheuFw/+YjDmJuaBr84LE6t85V+PLqEEVVmN9fL9YGbzk2Q6tksLs7wdBUglGA1/MKEm/oiQDYnoScvtQrTh5//e4WSSo0179w+zzvuWORn3r7CqquYpZNVE3lxKGW9I6kGZOui6aKYThLM5IwuVamlveTVGt5CiHNeHFngqqrOI0Sqq4y2hkXSaFibx2nhGnKrGPwX921QORGNGflRWB6P/fPV/ivbm2xXKmiKgofftMSbz7S4rOXxgyCjPcea3GkafP8+pCX9gJ0VeVDt81wz4LNSt2iZet8ec3jh45Kw/Mw9HLfSY80y7hjdpaKofPY6rY8X4mYTv/vFzrcPmvz+MYIS5f7O1eq4Sdj1sZdbm03WHTqvNIPePv+GSxNWDrzjsrblmvcvyD8lsWyxjhMGYUZkyhiHKU4hvhrbmu3OVgr07Ir7Ktq1MwSVUPhwUV5kXUMBUc3uXXGoOwYRG5EmmWcuSrplJKu8sBSmRMth5W6zYkZh0GQ8Ib9NVbHAyqmxuW+z8tX+rijoFjpbE1inlgb0fViKUI0VOqWUGx7nhByZ0o6O25aFCJOQYgbE1lHmaqac2tUVgd+XlUhRZ9JlvFdB2r88WVJl+2rWhyZK3P8QLMQyJEbsTqQtWSrZHB61y9+Z1fqFtuueKncOOOeeZMjDZ3fPSc+nTSDfRWNg74tpNxGFaU5D5EvokXVyTxZYxY9RHBt9VOrQKN2zag718pLGAMRNdMCRj+UdZMXkfbGcqKulTGPt8gmMaqtoToG0aUB/lMbAqJbG+Oti69FbZeEg+LHqBUT70yH6HxuiM6jy1rLJtoc563ImpyUQ+niURvWawsDQzHA6ksVSnfMyTrlYL2AvSXbIgyyUUgyFUI5V2bqO1Eb0s+kLZXRD9VFWJX1onhx2ro8bX1WDBFPRKlMYgxN1ia5wTbLQXXmofq1PqWWLT4QTSkovskgyMFvcU7jzfuk0qxYM+nzjkw7bPke8bZb9Ckpuf9m2o0E4J8XJk2WZqjGtRoExdJIgoQ0724CGF0ZEnY8oe3m4D4QIVMUTVYNYcvklQTTWgQRbal8bKkipODFClqzJKuzjW+TxyXNXp+368d/8nFduAAfO71L1TEwHIMsz9lnaYZVtfjCVZ+nNjxWBz7jMGH/jOD2k1AmE+ujgKc3hsRBjDsKUDUVo2Qw6rpsdcWromoCZpIiNIkWn2gs8IFbWnxjx2O5ovH46oBfeHaHuZbDf3vfIqqucmlnLGa/XLx4kxBVk8lKmogz3ygZ7J+vcNfhJkdbJXRbR9Xl+52YLRMFMXNzFVRdRTM17LqNUTKwqha6rbO7OeK5rRFH6oIID5OsEC2aoUl6xU/57JVuLhjm+Es3NNh1Q7624bPlutw1Z/LwsRkONyy+vL5TGFCfuzrg8Ytd6bJxhxyuz9GyKpiajq0ZrI27vNDp4MUxKzWdn3vuYmFCPdFyGEdiok1TeS3/3GqH871NhmFMnKbMOXXSDLrBBDfO6PopUQpnu2M2J0PSLMPUdB4+MMPNM+J96foppzt9tiYDFsozNCyHjjfC1hTSLOOhxTKDMONAzSJKoR+4HG3U+Gt3zxWC7+b9dd51bIYfOtHima0JJzeGrA58Tm6OuHvB4cVdl5e7ES1bjLfVlkO1ZnH/SoOmLfDCrhflJNqYt61UpFhTUVgd+tw+X+HKIMDSpFH7gaWSxJ1HMU+vj7jQ9ei68sK/OgypW3ruuUnouBGaovDHV+Txb/d9zm+POdos8dBylQcPtzi00iBL5XuvD0Mu9DxWaiaHmxbLFZ2WbXB1FBeFnR0vZXOSUNI1dicRPT/h79/5boJf+kOZtDTk5ISmQxySxWFuyvWF61Iuy8onTxcVHUXDsUxjplTdRk2mMLomq6U4kUmLpaGWRZQTJwKHW6iiLcmJ3zhUx7p1Nje1xuglvaDfxmujAstfvn9JAGpA6uaQNT9Bb5VQqqb4WKbR3PTaFEKbd0RwmCpau0TS9Ul2JQqsGCrmjTMCZasa1/p7DPXa+gYILw1ESIwkxaOoahFHTnc9tGbpWiljMRnSCkz+NF0EyLTpQl+mDoOggMYlm+NC0GhLUmkwZaCYR5uFcJqSfAtKbdXMiw3jgqarzZYKzo0271wTdLkZWXEMVEMl2hwTj0JJ+XQ8ef5MFftgnSRIZEo0CqksVbAWK2h1i8SNxEgcpcSXBjI1adny3OQ/E6lOyC/Mpj1MQHS+i1qdrrHEt1NMj64f/8Uc14ULUCsZHGrY1EuGNDLnzv3Ii/idr1/lbMfl2Us9VuoWf/veNnfNO+JZ8WMubI3Z6noYJaNY2dRrQqnV8i6aNLlmlJyKjq9tbvDctlzlPrXhsbE5ZNiZsN2Z8KunO8VE5x03zWFWTHQrp64GMXb12k5X1VXWdid0vZgXdyYkYcIb9tcp5RFZRRVzr1kWbszBhs3RhQqH5ioSScwpuv/k2V10W8fPxdc0kj0OE37/XJffeGaDv/3FDbbcPm27SsXUuNT3eLkb0fVT/vyxJnVToW2rOLrJ6igu1m+X+h5PboYMQxmzO7rFOPLZmoR88arLb54d8C9f6FLSVbycGrtQMfnGbiQNzn7KckWjF2Rsui73za+w5Y7x45CVqsaOGzEIBGGfZFAxVOqmTcVUudD3udgfoCoKg0AE2aGaTcsu0/eH7HhDTE1nEKTMlWroqsbdc3WWKy3mHJVB6GNrBv/6vHiNapbO2fUhDy6a/P65LgM/IY1TXl4fsjnwcxS+XlxYLZRNbmo7HGqUuNT3ONoqMVOS9NLWWPqGntn06HoR9yxWqFs6dVPB1FQ2Jwn7ayaXhgmmJummlbqFqSksVC3CJMWLUm6fKxGmKZoChqZSMTUqpsb+ml30VN02a/GWfWXqlsZNs5Im0VSFVknnB463CJKMl/c8AfENfZI047FVn399vs/lYczRhs1D+8ocblr8X9/1LpKPfxT9QA2cEkq1IpMWRSWL80SI612Dyqm6pIQgN9sKk0UKFk35r65J/DlNr9UCVEoijJYFYkiakVyV6Hnadwlf3C6ahbMoRZ0tYRxvYR2qo06NrYGc5JOORxbEEgterBT9Qdq8I2ImN6pmkUDhlLybSF+sFHFnrSmTCkCEiqrk4sEvTL6KLWJDfhi5X2zOQa+IuBD2jBQjKrYu5NpIuDJT46tatwpSrLZYKSY2JJmIJS2vD5h15PvtusI4ceMCp59FSWGC1ZcrIv6moiyn4k6fg3QQyNRClbqCLP8+qmMUCZ4pWG+6CksHAZojLCg9XxGBGGcVQ0Nt2RgVkyT3/qhVs+DsqLZ+rVixbokJF2Q6Y04nPiLK9PmyrPWC+Fq1gqqSdDwpWnQjoR1/O47sdVgTXfe4vC7HdeECjIKYS32f3ijgzSt16iWjmHLU2mX2VS2qNYuzuy7P7YRc7Ie8YX9dAG1lkyRMiis0RVUYDAOyTNgwZtl8DRMGoNxy+OnHVvnyK3uc3RlzanuMZmhyW1WhYmi8YX+dW5frHGua/MCJNvPtMvVWqTjh3HCggaoLfVdRFZKcRQPw5NqQ/+G+Of7HB+YEwZ1mPHCwyTuOt7nU9Xj5Sh9TU2jksdmNzSH7qhY/cqecIHRbLwzBcZQwciOSKCH0IhzdwtFNPvzQAR7cV+WmGYPjDYc0S3nHyjz3zu/jwmCPUZhyz3IdLe/cuX/BxNYMKqbNglOnZVc4XBez6fFWiYqpoanCICkZKi1bZV9F48urYz52pouqQNtWubHZJs1Snt0OebG7xSBIcWN57k+0TMZhyo6boKsqt7QWGIUZz2yHnN0LsTSFW2Zq7PoBX93YYccbsjUJidMEN87o+CMc3aRiWFQMm33lMmXD4MW9Pbqe1CIMg5i7DzS4o72Ptx1sMAhibl+u8dYTbQ60HJ5YG3F6Z8yXV0dUTI25spRzjkOZhuy6Ia90ZXq3UreYL5s8frHLpb5PlGa8baXMxX7IkYbJOMqoGAqaQl6EaLFSt4uVziBIuNDzeG7b5S0rDQD2VQWaFyYpb9xf5Y03zNJo2Hx90+Nnn9mi68Wc3BxxZEkqDWYdmUQ9dqnP1jgkSOAN++s0SzpVU2XXjfg35/b42obLC7s+7zzQoBblV+vLMyhLC6CZIk7SGMV0UMw8+qzrEEZkex3xUqiy/sCVNQqmIVMVXROBEka5WVfN6bkxyaVd2NiFioPSqECUgK7nhteUZBqB7okoTrYn0gW0PXmNENCXpbgx9WUyEV7q41/sE5zclhXPJEKrW/nJWhD9iq1fw9EnmXhr/LwEsB+QBcJuidfG4g0BYcD0fIk6a4Lpx5T/KkZO5HUjMFTitVHhs8miPF1TNvL+nUAmSHmPT+bGBfV3Woao1i3B8+e8FW0x93okmbw/kbbpeG0sCP587ZQFiax18mqDqeF1SrjNAimdjNdG8jl5y3Xal+i1vlghcyMhFbedYnqTjULIpyiZGxd1ApkbEXe9oq06zqsYFEMrPCxJ179WFhmlYIrfJTzfzUWgVty/aUu4cbSB2ioVlQZ/5sd1j8t3zHFduCBj4ZKu0qxa/N6LO4zDhBv21WjNV3jLSp26pdEqGZyYcTi55fKV1T5fOtchCRMmuXCYovSnAmZKpI28iEqzVEw30jgtvCqRF+EPfMbjEN3WaddESIwjQc9/7+EqLVvai3t+xHgcohkaYZTwasdlse1glAzMkkGrZFAqm9x+sMndi1W+vObx2KrPvUdaZFnGV85s88XLPe5brkuH0eaI+5ZqRYpo1w15YKFMrWGLfyZMSJMUx9Y53HZQFIWV2TJuHDCOAmpmie89OEPDNImzBFs3STMxukZpRsvWeHZtgK2r3D5fYbZUwdEt+sGE03vruFGIqqh8z8EydVPl3oUyR+oaN7VLPLivxgOLDh1P+nNmywaPrfqoCqyNuzy7s0bFULjYjzlcr3BxEDMOZaU15wimfsdz6fhjbmjpLJa1fIUUUTNL9PyUIM54cW/EIEyxNZOvXHU53xvk4sVia9IHpBjyaxs+O12XLM1Yqlrcv+jwvz3zCr3co6Ipwjyp2xqDIOZoq0Td1uj6EfOORtvRmXUMyqZGmMhE49a5Mi3bYNeNaNXtolbgfC/Gi6QkM8kyDFV4M3VL56F9DuvDgF1XmqXFH6nklF2fVslAUxROzAiTpWoo/NT9R0hSMRKvj0L21SzumJdU2L6qhaaKAffBZTH97rgxmiKVFo6u8LfvnePuxSpnOx63tG2+t/0A2R8/inrziqR/6gtSqJil4nGJ5U0pl8WzMo07Tz0sw4nwW+IEOv1rnpb+SIy77UbRUZQNJzL5vNwny2sAlKpJfKWHvljBPN5CX65KpDdMSdbGDF/sEF7oEe5IAZ9SNaTxeW0kV/+GoOq1uoV9vIm/55HkTcThmb0CqT8l1SrTBIymkASSllFsESXaYrmYGmR+IiJne4I270iXUZQUExC1agr3ZBQKsyX3iejzjogKRzwn2UR4KHHXQ8unDWrLltVIbo5VG5b4b3Ifjb5YueaNgaIYUhI6ivBe8jJIpWqgtmwRa6NIoHOGmIenEyIlN9FPW6sVSysmROpsiaTjEna8ooNpKriUqinG4JzqqxiaTKty312wNUGbc6SsMRXPTjYKc/+PIZ8bpqi5uRhTxVipFWJRcWQFiJoLQcdA0VXS4NpF4X/JR6/X44Mf/CD1ep16vc4HP/hB+v3+v/P2URTxEz/xE9x6662Uy2WWlpb44R/+YTY2Nl5zu7e+9a3Xeu7yt7/4F//in/Gj+fcf14ULFN6Oft4dc6hh86O3NXnfjTOMw0TMkPmo/oXVPlE+PlVUpfCDTD0vSSh/REkkKwRFURh2JrJmaJdRdZUwT+5MTbXTBFHXDVF1lSCIuXm2RN2S9cbnzu4UYkLNke9ZKmWKWp5KGofSEPzixpDHX97lCy9u87tPrvL2AxVJGmlSunhyc0SWZtRrlvTU5Jj/jZ0JX16f8Jduagt8ryQj8UHXY30UctOBBkma8dkrEy6PevhxhKnq2LqJqeo8vzvgpa5wYm5stlmparz1cItDjRLLFY2vrvdRFYWz3W2qhskX10bs+WNumZnh+w4v8bb9LR5eWeH7Ds1x55zF1VHAxjjmua0RZ64OWB8F3L9Q5f9+sU/HS1iuaCxXNMIkpm2rdPyUQzWNKM2I0ow0g4blcKA6w5GGjmMorFQ1uv5YeocsFV+m6VwcuDy4zyFKESZMHJCSseO5HK3PcKIl+PIkkkbtL12VRuzp1GR1EOSm4pixH/P85T7rufdksSwn4dmyQcuWDqGjzRLrowAvFmO0/I5JIunJtSH7ahbP7/i8sOMWK6e6pbPjJq+hHbdKBu880mB/VafrRbxlpcZNs2X52lHKkYaOisKhRomKoVHSVZI0430nhDR6y1xZfC7jhIEfc7RZomZpGKrC2/ZbtGyVA7UqjxwpM+sY/C+3Pczgxz9C8OwG6DqKXcmvImPht1TaQs3VbaHkNqqyCppeZdYqIkpMQ/wt01RRf3QtWTR2ZUqTZii6ijpTRpst5SdgicqqdQvl0KIYRWdq6Aea4sVYLFM90aJ07yLOHXMCNNuY4L+0JxTXvG9nOikhTDFrJppjoC2WpSIgT8tEF/pEOwKlMw7VUSwd60gTxdAwpnj+joiLaUxbUZUiuhxd7ItpV1WkgyhH/guRVuLZiqESr43Fu5JkpLuSOFJbNuahBknXQ5t1ctaLrKtIM/G3jEKJXk/NrYBSNtBzUNt0DTaNdMuEQ70mmqYlkLlIiTfHkmTyE/GQ5B9XHKMwOiu2VkDzANJRSLQjQu2bm6aL59gRwzFJhuYYWHOOPL6GhbFSl+esLP4WxVBRNKUABU5TYuqs9EpNBZaklOT5y9yIeHOMon+bTmPf4ebc97///Zw6dYpHH32URx99lFOnTvHBD37w33l713V57rnn+Pt//+/z3HPP8a//9b/m/PnzfP/3f/+fuO2HPvQhNjc3i7d/8S/+xZ/Z4/h/clxH/iM+kd4okB4fx+Dv3r+PVwfjYgXx9OVecSJXdSmyc/seuqUXXpSpcJkmd7RUY67lsLUja6A3H2nxtv0OX9vwefzqgCiPLQPXOjvyF7+qY/ClKwN2JnJiqdYsRsOg8NBMJze7bkQSJui2zuXO5DVJI93SMUoGv/HiHj94xyK//8wawSgg8iIB4CkKDy7XxNSZT4yeWBvx3hsa3Ldc54GlEs9t+5zbc+l6MS+vD6WcseexOqjz395uUzNL4hUJXFqWSt1S6QeC6Z93ZE0yCGL+6OKA//rWJnEq961hlUmyMZam4ycRuqrxR5f2+O6VmHHkc//CPGvjPZYqCX/hplk2xxGrQ5+vb424ddZhpaozilLSFPphyCs98VU86Se8YUmmVpYGHW9Ex/ckOt2u0As8dFXjUE3n61sh7ZJQY0dRyhMbHvNlg4s9n3GUcaSuoylwaShirD3j0M37hPZVLeYcnRd2hDHzziMNnt4Yc2V7XBgFd/seFzSF0T6h+G670oM0DhNKhoamKHS9iHoenZdUUShTG19WPS9vj3nDvgpVU+WFHZcnc1hYkmXcvVjlQtfjbEfIyWGSoSnw9v02p3fGeIrC4xshv3f+AqYmNN1BvhL935+Z8LfvnWdrErI9DrE0qJgapqZyc0tnbZwQJFKo+OpgRJBklE0N93/85+y8sMvRHziBMjcPdu5tmR4T8Z+QxiiVOiQhGDaYNtl4JCuiqZ8lTkTIDMeyUrJN6I9kypL/XSQ7E6HlAtiWJIsMDQWNbHULtVUmWe0WJ26tZZPkceViyuFGlI435YR/vidX+VHC5PKQ6k0z6K2SnNjzvqHpiUVt2WT5yTGb1oQnGcmmfH3F1lBTaYsOT+0UiaBk15OTtqUVhN4kStCCOPfA6GJETTLB/3d9ESANiyxnx2RuVCDzk13xf6hVk7TnQ8UAP0adLeWCSNqxo4t5xcEkEn9K1SyKJ6eekymhdlokmeWri3QQCEXXFhNwlk9uko6LvlIr/p2OQoHGBTHmnCN9Q/m0aYrgFzCfhmaUxDeUP44szeTnk/NXglPbEkWfNng3LEmBIcZptS6cnrQ7yesPFIgSslRBW6wQvbRXrP+y+Nu0fvkORv6/9NJLPProozz11FPcf//9APzyL/8yDz74IOfOnePEiRN/4nPq9Tqf//znX/O+j3zkI9x3332srq6ysrJSvN9xHBYWFv5M7vt/zHF94gLcPl/hlqUaK4tV3nfrHP/LU2usjRPeuix49KMLFb7v+Az/7V3CxDgx43BgqcZ9B5tUbF2KCMMEq2zyg3cs8v9j77+jJMnP80z0CR8ZaSsry1dXV7WZ7umZHoz3sIQjQNAIBK1AGS6Wy7ukVtKVdqkrR3G1WnF1j6QrHVFeK4oEKUoEQYEESRB2wIEbjO+envamunxlpY2MDB/3jy8yCpC/SwCLe9RxTp121VlVWeb3xfu97/O+cW2KLM14dKmKoirUGjbP3urxs5+5ze9f2OPsTJl7jzaYaZSo5May6YqFnQ8lQy/Kza8+m8NA1gj5QKLktNQszYjzioHQDb9O/Zn0DP2Rs3OsNUo8tmDyvgcXD9WaLCPJZJ3TD2KeONbkj71hFlOTOoP/8f4FHppt8IOn6vwvj80U4LyvHZh+5WKH226XXuDR8V1ONhpUDJs0S9kb9/nUuk+QwErdRlMU9ryUq/1d/uX5Hp++vY+tKZxv+6iKQi8Y4egK//rSATXT4Vx7jyBJeXiuxHeuNpkq6fyRuxq0/ZQnFqRVum5K0ePzuyErNYPZskDytkfiV0kzqBg2QZzxezfH9MMxx+szNCwnrxqAR+YaDKOUCwcSQZ51NB6ed2jZYoy9MUjY9VIutAPeeazBe++Z5YljTaZsDUMVgu7OKCxIuaqu8tDRBoZjUK9ZNEsGz+2IL2AYpuyMQuq2zrG6weP5aqZp65xolnhoocp7T9Rp2gYv77o8vVzme87MkmQZdVMOzjBN6XhhodIs5WbLl3dd3nS0zoW2z/ow5gdPN/jOY1WmLIVHF0oFJ8bUVPa9EDdM+J0bLt997AHum7Hp+QmLFZ05R+NyL2ahrLHhJtiadHPd3ZR+K/vJJVp3T8PiDJRqMpQoKsShwOeyVPgtYUQ26JJ1e2S9AzIvN+ZWHFkHTV4mCSJdI9vrSomiqZOOI4k273qkbU/8E+6Y+Hq/aGJOe4EMGzksTpspSeQ3Son35LDTpuyCvKrlmH7zrikUW8dZKBOsD8SYujEUv8kwlP6ifL1jLlcFdOYnwkHZHkGUkux7BDf6KI5O+Fq74Knos2U5gOuSQJrA7MylqsSMLa3wx8Q3+qIC1cXzojqyUlHz2gHFUAsC7qTUUF+pSS2AraNNlciSlMyVIUd1DFE9TLUoMhRDciLqTt4BBBTqjVoxSYeRdAZpsk4izcS3s+VKlDwQ/14WxEVhY9Lx0ZolqTyYFB62hXWTbI+K9FHS8WUQyocWVEVUnWFY1CdMEk3ZSNST1Bf/TebHKGUDteHIam5SpJhk4l9qWKhHptGPNNC/VRyXb+A1GAy+7iUIgj/U433pS1+iXq8XQwvA448/Tr1e54tf/OJ/9eP0+30URaHRaHzd33/4wx+m1Wpxzz338Of+3J9jOBz+od7fP+x1R3FBZPg//eQJbgz2+fym/GB//SAgSuHRxQov7Iy41h2jKSUeWWlw74wt1HJFcPuTkj2AT97oMh7JnfHHX9tDt3XCJKPpmHRVkcD/+L1T2JrBzcGI1zoxTUvllb0xlzoemqaSqhn7XsTAldVVrWHjNMTA2sk9NaWySd3SoGbRDxJOTZe4dDDGH0ekccrKQpW2F9EZR/yr8z3+l0cXOVI1+M3LXU5Nl/i+kxX+0h/sUNJV3DDhX3x1G0WVDqPfvdmhYig8MFtiwanz5FGXP7hygFk2KeeHphvKwT5ty6BwsdujairMOVXSKOOHTs1wudtn001IMvFLfOLWmIohHpTfvzkkSWGhLIflckXjfDtha+Ty1V1RQ6pmwlMLUu53T1Pn6UWTj14d8vCcxdlWAy+SVJGhysA1DBNsXctBaWDrBpaucKSqY6gq7fGQxXKDAz/kiYUSpqpzsRNzMI65p+XwzLrL3a0SbT+laalYukLXT7naHeOGJmdaNjtuSJTClK0Wz10/iPHjlCPTDv0g5sfOznB+3+dk08afGGnzVcyzt/us9w3unS1zoikro5KusTkMWKnpNEs6lZHGpU6YN2/reLFg/k1N4Wp3zL2zZUZhwr4XsVKXNuu5ksr5PWmmvquhY+gK/TBjparSDxK03DOzUrN5edflY+d3eWzhJeqWyokpk+1RgqZktL2YB2dN0iwlySQBdmswpGooqD/4x2hM/4asgHRTBpbQOxxa1MnBaAl4ruKIryUOD2FytoWi62SmgVJxyMJI/q5WBj8k3ZGkiGKo6AsV4m0XrWmjJhnaTInoRl8iv2lKdPVA1ic5Jj+42sNo2of4+/ZY1IiLHbLjDen+mRT4NeuoHb9IpUxUm9gN0SumqCWqkmP8hQpr3DWVe2AEqDbxm0xiy2luTtUWyoVao8454OhEtwaoviHdQ/k6Ks0x+RIZjgoYHqmUCKa9AHWmRDaM5O1GiTwHV3uSxIlSFEcUnHQYil9kX+i/qS9wtnQY5gqOqEj6Wr2AyamOQRKlaPWyGFyjlKQfoeYAPTTlMLGTl0mmXiTJoq8h22rLVbIgh8ppKknXx1ysoBgq/raLlpdFipemIoWKoQD21DwWnfalv0ogfX7hr8l8AQ9OBiQAJVQl3ZUTleMLu9/8QwLyVc8fVnGRnwdHjhz5ur/+q3/1r/KzP/uz/5cfdmdnh9nZ2f/g72dnZ9nZ2fmvegzf9/mZn/kZfuRHfoRarVb8/Y/+6I+ytrbG/Pw858+f5y/8hb/AK6+88h+oNd/K687gAti6ih+HrA9l13+mVeZCe0Td0njbSgkvdvDjlMfmTSxNoVXS+Nz6iO84Wub2MKZZ0ilV61zfEf+IXbWIo4TZmoUbJvz4G2bY9SRZc3OQcKI+x7+9cothlNIdx+y6AhobRylhbvAdhAmGpctayo+Zrlg0SzoH3bGYfpOUn3tqha/uelRMhcfmmvztFzZYH/jsdMbsjkIpDJwucW5vxO/d6jPKXfl3T9u8obVMkm5jagqvrveEmKsoHG+Y/OblLvv7I06t1PmfH5nnj56Z4l2rZT57e8xsWWe5ouEnsFzRuN53sXQBlQVJRtnwidOENMtwDIUpW+Xp5SpLFYkcv3etgqObfG59xDhN+Z0bI17edQuC7P/xFZHGkyzj6SN1omSftx8t8zvXXd6xWuaBWQtDBV3R2B2PWalKh5Gje1iawlJFw9YUTE3n+d0dPn7d5WTTRlVUrvU9+qHPXKnEuYMRm0ZImsG+F/HUos0f3I4ZBLLK8WJ5//3c39QPYjq+PH87bsh6P/99PqTaOfwtTMQwe6Zl89z2iB+7p8EfbPrUbUnpzDgGV/ZHlAyVlZrNej/IDbUlgjjj3pZJZxyzPgg4WpNKibqlYmoKZ2dKLFUtoiTDzE3VJxs6Z6erXO7FzFdMVqo6hqowjDIMFX75QpeKKfyVkqHSSVLiSLxSf+3ZHX7wjDRan5022HQTLM1gsVzlSrdLlGZc6Q05GMf807d/gOz3PwLLcygzq18/rEQ+ZCnZeIxSKuVdRfmBp8uQUTRCxzFZpw8DlyyOxdcyb0FnAI6N+ujdEotu9yCOv84cq1g6xlo956GE4q0YCbXWf/0AvWoKVdUNwdDQFsskWyP0tTrkh3EWCNo+TbJ8yBC2SJxD6IwoFdDaKEYp5z8ecwrtxCibRILUF3aJKELF2sJPhE0yUyIZhnCjLx08eZuzNlcu2pwJ81bkHOcPFOpN0vFleDBU4cvULZJOvgaLUqHP5hTaSfpHsXXSIBAwX9UUj0yzRJqTcCcofTHaaqSeKsONG+bqS1isy7TFilQi5CmtiVqiWNKVpBsqST/AOFqTlFQerQbkc+bHJPtjrNPTwpfRVNKuT2JrKH5SeFqyKCXeGGLkhZXyPtviucmR/pkvEfUsJwgrZQPFyb+eVBXjROubdDL8e9c3wqOS///bt29/3XBgWf/x2oKf/dmf5a/9tb/2n33Ir371q4BU1vz7V5Zl/9G///evKIr4oR/6IdI05Rd+4Re+7t8+9KEPFb+/9957OXnyJA8//DAvvvgiDz744H/xsb8Z153BBXjjsoWuamy6Cd97osz/+6ttAC4dCAF3tqzz2Y0Bz20O+aP3Nun6abFWmS5prDVKnJiyeHK5yku7I95ypMK9LZuPXRtiaiqrNY1ZRw6a43Wdz27cZmsU8zuv7xdYfzj8wtNMKcmLEJl1plFiZ8+lW7MKv0uWZsyXG3zw7kW+vHOTf/jqFjM5Y2K77RG6IVcHATfbI45MO7S9mNmyzlrDZmsU84uv3+ChhaocyGWTYBRilWVoaZZ0+nmR32/fGLJWF5PpW4+UiNKMxYpFmmW8su9jaAorpsqxusn1fkCYxKiKQsd3STNo2ir3Tte41B1Qt1QalsNXd7v8kbuqtGybDXfMl292ec/ZOf7tC1u8YXWK9YFP3dJ5ecflt15xJQpua7y8H9K0NVaqGhc6Hdp+ilNX2BuPOVqrcrHbxdYUrvVjZp2U9jjlK5fbnHnyCJe6cjCoCjiGCYw4Xi8TJC4XD+DUVJMzLZ8vbQ74zuNTPDgrjciJpfKBUw1++9qQl3ddfvTMFBtuwvog5MK+xzhKWalbdMZCtJ1xDAwVpmyNp5YqDMOUZg4FC5KMtYZdeFLcMOHUtMPVzhhNFaz+K/shJUPl0UWHhbJ8zVzsxPT9mOWKfLuuD3zeuVpluaKxWjOZLdXoh/sEibyNah6hrhoyNHpxlntqYva9kNNzlXzIylgfhCxXTYIk45E5h5SMXjBi10uwdQVHV1is6CR/8e+x88IuR/7Gu+WbRlHlBYSUG3rS3Jzkyoquy8Diyt+TRnLXPjdDNhpB6kjCSFVha49s6JNt91A9/5DhYlsowS5q1Sbte+KxaJZkzdFyDqPP7THmXFlWHnlnjrQ7j9AWKiiaQrw7lI6gnNGiNW1if1T8DJByxPxuOsmE7zLhwzRtWSX5iaRxPEk3AZKCWXSKSLEc2hbJ1ghzrZEnk7RDDsswV1milDRK0Mqy+snSTB7X0nLTr1PwYNSmfVikGEoMWm1YJPvS2RS2x5LUyWm0WZSKj8bP00WpjuaURC2JUlnFBIlwa/xEBqT8OZisqJItKXBETVGrBvGuJ8qOF6E5Bkk/QMufA8XQyDThwiiOjoL0G8VtDz1/DiepJVGHRF2Kt93ibcbbLsZaQ4zIto6+UPm6z7fiGGSTwsUogaGPUs8VPeNbxHH5Bl61Wu3rBpf/1PVTP/VT/8UEz+rqKq+++iq7u/+h8rS/v8/c3Nx/9v9HUcQP/MAPcOPGDT7zmc/8F9+vBx98EMMwuHLlyp3B5f/Oq+en/LPzm4RJxm9dFwn+iaUaJUPlwr7Hj5xe5PSUwV/5/VusD+u8susSJtKa+yfvWeT/9ew16pbGQ3MWvcCm7aekWUrN0jhe1znXjnAMlaoh33ivHUS8vOMWa6BhmkmSx9CoGBJNffZ2n3GcEuW+lUliaehFVGsWP3avIPTdyOefv9pFUxU0ReFSRxSLCVl3qmrx3Scb/NqFDl0/ombpdPyIv/LECsfrsqf81dczLo5CkiRlf9+nn8vDYZSw44YYmsIbWhXa/hg/yHhux2OhrNG0VSxN4WIn4ngjY7VmsumGHK+XaVgOG26HXS8htGPmHI1hlNLxXT5/e8Sff/gIm6M+hgZPrUmL7vfev8CTixb9oMrzuwFHqjqfUhWWqqJc3dcyMVRYrogxeHPUp6ybbLpj7mpY+b81eXl/h5WqxkJZ475jTZq2ymPzU2yPBliaTpymTFkqpqZzvh3SLBnMl+vMl/co6Sobg7BYN52e0jlStWiWxjy+WObGIObTN/rMlA3GcSL+o5R8GEl5w1yZbS+lEmXM5aWEE0S+G6aoCpQMjXGUcKHt8chilRu9MaamMowypmwNVREPTZrCjGNiawnfdbxCXujLPdNVdj1Z0d0chMw7Cg/MVPEiwexPlwwqSYyhQsVU2fMSdkcaSZax1qihqQqmpvDyjsulA/l6GYY6dUvlYidioazRKqlEqQx6P/WGR3jpRz6PbcER1wPfFX/LBPFvOigAtQpZZxvFLpHt7Eo30SRaW3Gg3SMburC1Jx6XNIVmDfY6KFUbtEBWTED08pbwV47PgK6RXD1Ay9czSdvDPDMj5YSdMdbZGaJ1KVss1AfHIN4dYaxppH4ig0zOegGIdz3xkwxDyNugJxj6CZStALTlw0cWRShVQd8TpiRbbvG6iqGKYfRoTZSVluDoVUMV5slChXh9QLjtCidpuQIjhfjWAH2tLsND7lOZ9CtNmqYzPxF/Sl4EqR+t5b6fCP10FQsx+epHa3n/j0Y6FOV2oqIk26PDuLOhFUqLUrdyRkoep06lsFEpi78mixKyJPeYqEL+1aZsFDc8jF/7cdG/ZNw1VahFWr76UusW0Y2+eGaiNCff6sXHNwH3TTw6k+dzUlqZdsbQD9CXqmRximKbUhOxIzeY6U73G3kc/Kev/xvMua1Wi1brv6woPfHEE/T7fZ577jkeffRRAL7yla/Q7/d58skn/5P/bzK0XLlyhc9+9rNMT0//F9/Wa6+9RhRFLCws/Nd/IN/g6445F3CjjOmSzpmWxaevHhR3xWVDRVPh1y53caMUMy+7e9MRUSq+90SNWafGjhvyqRtd9ryU+2dMZh0NVVFpezGfuy2R1nP7Ptf6oqxc7Y5ZqlqsLlR5aKHKfSsNTs0I1fT++Qo7biipn6UaqqJw4AaYFZO5hs3Da1P86D0tHp2v8Wq7z//+ldtsDgM2hwGfudymlBt8VU3FcAxKuhhN3ShhyjZ462qDD5xq8Nxunyu9GEODy7uuEH9LUnsQeRGmodF0zMIc+krbJUplfaIp4v2YpK6iFLp+yoVOwPowoe2PcSNpXG7aKpd7chhVDRUvTvnAqRp+EjFlCVPlj98j35j3zxioipBtH523cAyV++cqHKmJv6M9ThlGGV/d9XCjgJKu0wvlsLnaP5BDejzgnmmDr+yEvNYRj4+jK3hRSNUwGccxl7oDVmtlXtjr0Q/Er3P+YINn1oeUdI0LbY/P3uyz64Zc6MRc7wfsuCGXuwGv7Y8J05R7ZxyaJfH7rPeEfHv/XIXdUcQnr3d49vaQT91y+fjVLp++2cMNxTNyqx8yW1J5fMHm/acabA1D5ismqzWDOUelZcvgFKW5GOEGbI1i2uOkUKkNVbxBazWdM80KfhIRJjGrdS33pZgEibRnX+vFtEoShT4749BydL5jpUTZUFmp26Js7Uq8ezIMqYrExT966YDLnYClni8zxqItSaC8TDHzerIyGvdkPTTqyNDS68nrTVqfHSkIPOwsSiRd5NiiupiGRJ11VdSSSc+OF5Pu9cl6Q7SZkqw0qibmmRnSSUuzKyTXYH0gawUvEt+EF6E3Swye3ZT4bO6xIJSDY3xNfCJZmhGtD4ShkkPVtEnbcI62Dybrnhy5r02V8m4dMx8SQilHzFcqWSSdRqkbotra1w1N9t3Th8WGmiJdO/nbT4chyZ4nCsswFD+IoRXDjMST5bBPOmM51POkmVo1haDrGOK3yX1Cat2SOPOkMTtK5PDMladJtBnImS25T8nQChrupIMpaY+LhmpUhcSLCkCdYukolob38l7BXQn3vMPHzdUSxZKiTBnIZG034bOk+eMJkO/whk2tmmKQztdpAjEcQ8Uhi1PU8uHH8E29vo3j0HfffTfvfve7+dCHPsSXv/xlvvzlL/OhD32I7/qu7/q6RNHp06f56Ec/CkAcx3z/938/zz//PB/+8IdJkoSdnR12dnYI85+r165d4+d+7ud4/vnnuXnzJr/zO7/DBz7wAR544AGeeuqpb8rH8l9z3RlcgLPT0tr8ws6Y6YpF348ZxymXO2Ou7riMo4SOn/Ljb5jFDRP+5Uu7PLFUoxdEfPjiNWYckz9x3yyfvz3EUBU+c2uIqiis1qXp95fP7/PC9pAvbw75jct9wiTlZNPmO4/VudoZ44YJl/ZHtL2IT17c57mbXeq2xpc2B7z35DTHWg73zpZJUrjR8/knX93mr395g8+tj3i9PSJMMtq7bsGjmUSz752VVNRvnNtlPAoZx+KzOdko85lbQyqGwj97pYtmanzgvjlmvuaHmKmJ76Ju6Xzq5oDP3HLZHqXM2BZnWwb3tmxWqhrdQIoML3djtkfCV3F0FS8OcAyFXU9gauvDmIudiCDOsDSI05Q4TVip6jQsh7cu28w6OjXT4IvbI861I1l3mCqzjsZbV8p4ccael9L2U57ZlOe4YuhM2SrHak2eXmjSMB3KhkHXTzBUhb1BwFJFZ3c8ZmsU8OJeRHucFn1KSZrRGUd89OqQ9d6YJMsYBDGmJoRiR1fY8+QH+OcutXlkwcFUVV7ccTk7WyZJUkqmAApNTc2x/DL4Xtj30BSFki6eGVnZwPYoIUgyFsoadUvjnavV4nm/NYx5aL7EWk3j07fGvLAnbdMbrpihV6oaU7aKYyg8MDPN+YMh7fGQMI0J4ox+kHLge6gKHKtbHG/oNC2TNy7brNU0/DgjSjJuD8SEPo5TKobGjhvy1e0xZ5oG/TDjxV2fkq7xpdt9/srt88zOqcy/cRnl+D1izE1jFLtCNh5JC/RoSNYfCPI/jA57ifxA1kamIS+OLQC6RjXntwSFVyEL5FBVDO0wrosYQDM/kVXTdJUsjFGny+hLNRkigPIj85j3tlBnJIartQTlX3l4XjwikxJVTSELEuxZh2QYStoFyEZyU5HsjqRccKGCsdZA0RSsEw2Stndo+u2K6XdCcp3g8FGVnFArKkvaC4qyRXKOC6pSpGn0hYpA5vy4aJ2eAN3QFFIvXyFPcAl23jVk6cI5sTTSXkC0Nyo8KBPAnTQ85ybbRJIEWt0i9eLicTEO6weyKJUhJk2Lj3PydicAPLVqkkQJwesHQsatC9hPcfSiekE1Dn0z5pRdHNZZkBSE26QrcLqJOpXsekUdQ+bHRFe7MmQlGUnXL6i6ST8gG+U9V71hQWD+lsehv03JuR/+8Ic5e/Ys73znO3nnO9/Jfffdxy/90i993etcunSJfl9KYjc2NvjYxz7GxsYG999/PwsLC8XLJIlkmiaf/vSnede73sWpU6f4U3/qT/HOd76TT33qU2ia9h+8D9+q686qCLgxGHEwzrjaGfPoUpVPXOtwZkZQ/6VjTUqGxr/46jZ/8pEF1uomN6ZK3Oj5vGfN4eSUjqHWuNgRmumXt31+7J4G806DuuWz3htTLxkkWcapaYdLB3KYGSq81vbZ9yLettrgZntEq2bTBfy+z43OmJVGiSTN+Mn7m/z5T22gG/KFMlW1uNEZ8/R9VV7edRn3fYycM9M+8IqOpHM7Ln7flzqBismjizU+fn3E8UaUE1+h40ccqdn80F0LfOTCq1Qdg0Ga8f5TTb6wISuxHVcOz6vdkNNTBhc7Eav1jNXqFHVzTJzJnXqUyN26rmo0rQq2FjBTUrntDtEUUBWF6ZKBrsiaBqBmlvDikMXyFC/s7dP1Q2Ydjf1xwst7PscbJnteQpIJ8v94Q5f1S5qx5Qbc12pRMyO2Rl023IRjdYtxHHGkquNGGX/uyUU23ZhhJN6PJMt4w0ypgOVNPi+dccSJnDg7jlKWqhaPLZTYdBOiFMJE+Dwv7kpf0MvbQqJNwoQzizV2RqFA5Hp+8XVVMtQiDXSjL16STg7qilIdW1N4x9ESu17KSlU+Z3dNGTi6DHxTJfEWLZRVHF0Upw1XhsO2n6IpXbxIiiR7QcSsozOMMqIUVqo1Pnxxj7ev2AyjkBnb4nJvzGMLpnhm8loAU1OolKSSYN+L+DeX4mJw740EiPjvrnT5ycVKztwIZXDRTQhAmT8OXg8cyNzOIURuUpwIcsD4gcj7nb6sjVxPhhfXk4Gm3UOZqqBqiuD35xxZLcRyGKf9AMXSiK/sicl2lK9CvAh9sSJ+F10t/BrpKCjKDqP1gUSJbY1wY4h1dobwcgdVUw95L1GSv6TFr/F2T6i0fkKWJAWpVlFV1JqdE2N1kl2vMNDGG7J+VZu2eFXWnHwwEFUiyyPH0Y0+xlqdLIgxlquiJuQKzGRFkyaZqBL9BG2hLKWNmlIMdcbRmjBPckic4hgygOTmYrWap6O+Buc/SQlNhhV1ona4oRiDDY2s46O1HJLuGK0lEDu1YkKaYcyWidtekYaamImVqomqKSjDEMXWCa73sObL4olBTMdqxZTSy4ZVtEQrtoa+UCHZla8Xba58uJ7TZIhTm7YYqXMODKYqRukcdqfUK9+Yg+D/z69ms8kv//Iv/2dfZ1IiDOKN+do//8euI0eO8Mwzz3xD3r9v5HVHcQHmHLOIjO64IY8v1RhHCTMl6dk5My1clC9vjej4wjF505Gq3DnHGVd6Ee877vCmI2Xxvhgq59p7vLjr8/4zMwUhdd8L6Ywj/sJj83z0coedUUgUxPQDoez2g5j3nJim2nSI/Zg3r1TZ9yIWyjWOteRQDUYh7QOP2I/5ves9gjzVUiqbqLqKXbXQcq5MGqfCfQlikjBhqWpwYd+jaassVk2+su2xUrP5kTMN/uoXr5PGKaOc0PupmwP6gRxwwSikH8Q8vmDzz851eXXf52Y/5vqgi2OY6IrGu48u8th8lbubdcZxRJjGmJrOC3t95kollis2jq5gawaOYdG0y+iqSkrGIPS4MThgz0vxk4yunxaR649c6hSBhVZJJc1grabxnrUllis2g3DMvFPnsxsBtibsls2cQfLYvEmUZsX/3x4lvGlJWqed3MD68LwjcecoYWcUslo3eGK5Rj8QBalVUnnXUWneftepFud2XNb7AaahsVQ1WZutsO9FuKH0BimqKCzjOGXghuzkUv65vREVQ8ENEzRVYX2Y8OyWSN+v7os6NV0ycMOMm4OErp/yyJxJe5xQNzXmnBpulHG9HzGMpAm7H6QsVTXmnQYNy+DCQchaTRSW9nhI1RSPzeTaHgmz5tKBj6kphTcHZMi6f04OgIcWqsxXTE7PVTg+VeJvvHGF8cEY4y7xIhGHMGzLmmiwV/BbFF1HmZ6SKoDlORlQwuiwn6jTlwLF3lBSREC225M78nEkKaLZKdSlKdSGkxNuTZLdkQwQQUK8PpB+IkQdkTv1EUnHz2m1sh7J0gylrB+WIpL7WuqWcF4MrTh0s1EkK6pABhHF0IoeoQnJNdkeEW+5ufE3IbywL6smP0FfqBSHLRyaYyco/kkTspKvl9RWqVBLVMcoPDlqVYYDtZXTd/fEfKxU5HUmqzKpFvDIkoxkX6oNJge+Yss6rFCAchVIFJyouONXK6asoCw97yaaxLLDwzWWIaj/LC83nJhszbVG0RytNgRAl+QDm3liinjbxayYYuCtWyTDUNZKtl6svCZ+ncxPZBjRlMMagzAteDbF86op4p2xNdSSgb5UKz7PfKvIuXdKFr9trjuDCzCKJW3RD0Q6v9D2uHQw5veu9xjHCb9+sctPPrXM95yo8dYjFj/90CxnpnXubtawdIX3n6xhaTqnpmzOzlioispnb495eqnE246UWalZfO/JOkkK/8MDM1RMm4qhcW1vxFxedLjQcjg7W6YzjgjzuOrOKOYtRxxqZol3rtZwv4bOm0QJO50xR+cqRY0AQDiOKJmisBg5PVdRFaaqFv0gRVPhbz2zwc2ecEZ+9EwdL864sOdSzv0tcy0BOu0NJKp7crHK952a5kInYiYf8u5t2dw3PY8XhfRDHz8WDkaYxFQNmy9udfGikNWaRtv3GUYhq7Uys04NXVHZ8wbSbRT69MOE9jjl5iDiq9se59s+5/ZGnJ2R3qK5ksrJhs6Xtnyu9WKiFPa8ARXT5is7Q37t8k3qpsKso2OqOruerK+GYcbdUyVWqjrbo4S3HZnCjWL2vITP3PY5PVXm317scN+seBdmHIMtN+aROZMzM2WeWhQYXZjEJGnGs7f71EsGzZJ0D3XGMQ8uyGHvhgl9P+GxlQaaKo8V+zG77ZHQh/s+L+2Oef+pBm4oa6xrXZ+v7IQ5Cybl9jDE0hWeWixxckqnZdvMORpNu0KcysrtgVkrL11MebUdsjlMeGZTOA1GnnQbxSGqovDInMlaTWetNs0oDolSUcSaJZ2mLQe6qarMOCYzjsmF9ohT007OllG5fODRLBm8p22ysyFQODQTnAZMr8ivpiODjNcj8wOybk9UFM8XReXECsrqKtx1VMy6QLbXJbnZJn1tXdSNnQNJ02wNyLY7ROe3iW/38u6eAOPEFGlfBgbj+FSBfVccg8xPGL+6D0lGcK1L6ifEG0O0pk30eodkX9YPWt2SoSb3Syi2FPyl3mG/mHnXlJQnTlqMq6aoHIaKOmXLwWvpX3e4T8zCEwgcyOpIyesFkvZYDvAJr2RiXG2WDosZ81XLpKcoyw95fUpSPIqto1YNUT0m0emJhyaPTE+Q+1luys2ipCiZFNR/PqTlw0AWpbKmyr0wWe7ETvsB2kyp6CFKhyGYagH9k84knbTjy5ouyQfEqpkXXyZocw6jPQ/V1sncCK1qSuVIZ5ynwDyUsjRjK7ZWmHGzKP+82HnBo6UVcLwsSsgmazBdJwtjKbNUFfgWrYqyLPuGvNy5/vDXncEFuNGPMTWVuqXxliMSFV1r2Pz0Qy1KusaJZom9sRyGmqJga1A3S/hxSM00GMcRQRIziiJWaxrjOOZNyyUcQ2GxPMW9s2WO1S3+xwdaVAwVUxUonaIq9AMBmK01Sux7EXMVk8iLBAZX1rnci3lpb4e2n/L0Sp1SWaRezdBYmxUjb6NhF/TeSsVkOAjwczx9MAwoTZX4wOkmz20N6AcJf+LRRTRF4ckFi8/dHvMvXm0X5Y/f/8AC7z7eoJTfxbhRQtM2OF7X+fXze/T9mO87WaVhOaiKSpjGGKpCmEoM2o18+TdVIc3SwotWNgx0VSPNMrw4ZH3oseEO5UBNYBhlJGnGiWaJ77+rwp+8b5q3LNd512qJ000DN8pYrUvUWFXgYnfEIBzzxEItX/8YtOwqpqbzxEKJtXqNM80mpqbTtCtc7oy51B2gKfDZ9RHn9kb4SUhvFPLOlTqnp0v0/YQvbQ747O0xU5bCS3tj1uoSDRzHEh/u9H0u77rS1ly3GAQJ71yrEQUx27vDorNoKVe+FFVhOAjQbUlzbboJpqZypSOD48NzJnMVk9PNBgtljQdnKjStMrMlBz8JeWSuwSAU/8Pj8zNouXm5VVJp2hrbXsqXt8a83vFxdIVZR1SpTVcGPEe3itoCR1eoGgqnmiYLFYMZx2C+YjJf1gmTlDzAxnccrTDjGCxWLTaHAdGzl2nUkbv4wIX+juD9xwNJFZWbkixyyqKyxLnKMxhJ75Dvyjqo1YDFGdTH70e79wjq8Xm5s6+ViW72i5WK6uiFN6Mo8ksyzHvmBKK2VEOt23m3ToxRt9BmSljHp8QPE6XEW64c6F5cxJGz/PXF7KpL8kdVBHBXMUl9SbgYdzVzY2zei6QpGGv1PEYcS3+QF8k6xjEKEm10rScKwpYrfUJeJG9DU4qeJMXWDksQLV1Uk+28ybppS2+PY0h6ScsHjiiVlFAQg6FKK3LdKsoQVceQQ9xQyZLcs+InBWUYQD/SyA23OZW3rBepIAytIOaqdatA/JNm4m+xdCHruiHxrYEMXzOl/ONzhA+TG461loNiaFRW5fsmzNNG8jyqstKzck6OKisffblaPJZat6S5OvfoJNuipmn55zj1ogI8qM1UckXoMNZ+5/pv47rjcUHYF/fOOFzr+ry05/P0kTqmpvLpW9ID82ceXOV3b24TpRlVw2S5YvDs1oDliqQ4Fso6K9UWNwf7XOvHbLgJD84a1E0p9XvHiigYt4cB1/ox1/q7vPNYgy9uDPM7demQado6K1UNzdT48Qfn+cilDnVL53bfYH3gc/9chbMzZb4yFI6LporCkmY6sR8TBzGuq+BULcZ5jFirW5ydrWDrCqamYmopZ6YNvDjjtYOI379yQBqnlMompqpyux/gRgnzFZMr+yPCKKFZ0ukGUuxoagqnmw1qZokNtyMelSjgYqdHkpHDzw64d9rm9e6YlaoYQlVLIc0y2uMhV3ojjlRNKoaNFwd4cUjdVDjTsjjTlERH3ZQBZ8Gps+31UfMm5Cu9iFZJpZ4PFh84OYetDYoBydYMamYJXVFz867N1qgrz4UC59oRTy+XWalqrA/z6oRUFJB+IDDBqZLO+X2f5zf6tEoq1/ry908s1/jShihFJV2UiiTNeHXfZ65hc3sUUtJV1ho2JV1FMzVCN2RmpkxvFLLvRVzr+nzH0Qp7eYJn0034jiMObujj6BZeHOAnEQfjiH6Y0ioNiZKMGQfiNCFKM0ZxSJBA3VQ4Xtdp2SorVY32OKUfZBgaVExRXyzNx08yzrWj4jk6WdWwNIVtVyjG5/Y9HpxzMDWVpYpGP5BV3UMLVfZHIcbyIseGIdYPvwWs3E8Q5okRrwe9fRSnTOaNZHhZbAr6v78jQ0yciMelI6bAbOcgX2OoqEfnwLYwHi2BOyYbjORwtXWUsgVpKp1F+RolG4ZQNWX3Z6iYd0/nxlfxTyjk6oUq/JPJ+ih1Q8KNIc7ji4Trg0Id0ebKKGVdlJYgFsDdxEOR+0EyPyFF1kCKoWGcmBZ1pGyIF2USDVYVYZe0HFFtcsVFmVBn8wRU2gvQFiuQD1OTKwsOwWypn0gP0mtt1Dmn8LAku6MieZN0xjJMhulh4mmuXPQDTXwzWZSS7Azz6LEMO2nHlwEpVcj8uFBzsmGImisxqiMJoEkC6WuTP/pMidSLhX5bt4hz8nDS9g5LIf0Aa758WI6YG4DjnH6cAtqMI4Petlus3bIoQT9akwRT3UKtGtIBFR0ah7NRTGaIn4Yg+gaeBv+Z69u4q+i/teuO4gI0LDE/3uj5HGtYfP/JKe6fMXjvMYcfOFVha9QtKKp+EtEqVXnTUp3lis0bWtO07CqqIrTWh2brstqoNwnyW9g0y7ja87lnusEwTFmuaJxs6GgqtAc+P3pPE28YECYZv3y+g2YeAutW6hZ1W2e77XGh7XGj51OtWcy1yvR96RFJ4xTN1FBzmmoYJcw3S3znsRonpkqc23PZcKWB+P65Cram8PSixRc3R6i6ypmlGpoCJ5ol3ChhHKW8sD3EsXXefXKamqXxd/9ggyzNODFl5YmglGt9jzCJuTHw2R6lQh4OJXm0MwqpmyrtsUSiG1aZxXKDMI25u1nD0U0qhkXLrnKy3uTuZp0zTQtbE+XkbGuWhuXgJxFdP+Wh2QZRPjhVTJWHZpZwDIXPb67z8FyVc+0IP4lI8x3y3niAqenseD1+/iv7bA4DWiXh6ux6spr54qbHg0fq3Bj4LFc0zsw47A0CLh+M+cr1Dqqu8s9fPeBWP+TZ2300RYav2I/RFOGgrA+kiDJJJbr5wo7LD56u8cCsxdn5fI2Xfx2Mo5Qky9jzEuqWyhduDxiGqah1cUicJcyW6uzlh0CrpGFpcLY1m9OBTfwEpm0ZHhxD4f6ZWb7jyDTXeuLJudaPmbIMLnakc2jTTZixLY7XdVZrMhi7YcbzOz4tR8y/bz8qXxNHqjo3+hFXuiEzZZMbvTE/9+QZhh9+CeNEQyi5pZqsiDQdshSl0kJpzJANBhAnZFs7ZG6H7MalHESnodSmUKYasDwvL7UyzDbJOgPxVVy4Jasl20Rp1dFOLqAsNKFRJRtHaLNl1JpNfLsnbcGqrA603AAbbwyFVmsLLTcLYoy7p8V7kq9EMj/BaNrEN2R4Stpj0o5P6skKLNnzCqT9pAcpSzNZTWii+KQ5uTW63gFTze/6HYlYJ9Lno+XNy0pO6dWXqzIcbwylMDFK5W3e6BfKhpqXLgoWXy1i3fH6IFdpJGo8Wf0UK5XcXIymyPucc1j0lZr8ulCRjiYohqYsb4BO9seF2XiShALAlHUa+esmba8ofVSbdpGgmig3YmJ2C6NssjXKI9L5x5IPN0BR46DNORJ17/qFt0jL32baF9/PpL8JQyX1YvSjNdSqWahjSlkn7YxJ+z7xzrdIcfk2TxX9t3TdUVyAj13pU6qavPNYA0dX+FR+oHzf8QazTo2f+vTrvP9UgyiB1ekZwiTmwPeo5sTGQThm2+sTpYKAP9006AUjrHyQUBWFy92Yy919kjTDTzLWhwJ3q1VM5hy5O+/nMdy5ssnL+3L3vu9F9P2Y6akSNzYHpEnK4kKNre0BmiHqjGPrDAcBmqmJEqOp1C2d6305ADvjmMsHY2Yck0fmpdvmly8MWB/40iidZgwHAV8cBFhls4j4hknG9xyr8Wc/u46qqyRhwoW2z+mmi60ZRLla0SoJPG2pohGlGQ2rzDAKmbYdzh8MJWIcjmnaZVYq07R9l5pZIk5TLnQ6PLmwTC/wsDWD1doMbuSzPmxzoj5PLxgx6+j8wWaXL226vO9EjfVhQtPqsFDW6OYY/h+66yhf3d0kTlN0VWUYpawP2wSJJIQ2hwEfuSJliG6YYGsN7p8rcaEd8OEL3Txho2JZOhf2XKyySclQMTWVq50xdUvn5JRJxy9zo+cT5lUApqaSZEKmffjkNG6Y4OXm2Ufy8rcL+x73LVa5kSeOLnUC6pbGfMUkzSh4OOtDnwdmLI7Vq3hxwCiKuDlIWCrH6IqKF4d4UUrDcvjOVYVBOKYXjOgGHk8vNQG43O3zyr6PrSlUDBU/FoWmaQtQ7sW9kK6f8NiCTZLBp2+5vO94lSQTLs84Smk5OrcHIU8ulrlHWcSfK6NOVSRRFOYAuiwV9UXTwXJQFmyyg03xtUzot34gqyJ3W/4exOdiW1CroJxeRanXUOMYwph0sy3tzrkJVClbomj0fTAkfUKckMVS1KfW7fzuPjd8agrJvkRtJ+3B2rKU+SmWRrKbkXZ9NEtHWyyLX6Q9Ju6MMZarJNtSLJj2A/SjNaLLHVFgAEVT0GbLJBM4mm2RDiPxwJgqxkqd6GqXLM3Q5xyyJBNlwdLlEK5bBJtD7LumyDo+WZoI2XfGEe9I3hCdTBI9Od5frZoYq3Wiaz2AolNpgujP/IQsOkwW0fFJbfGPFK9bt6Qg1YtQciz/JKkzGWQyJysGpXhjCIbUA5Dk8e4ky7uIBPJn3tMSU+3XNEeruRKWdnySIEavmCRBjKaJL0+xNUH5536aImZdMYtupKQ9Lt7vggCc+3yMk01wbLKeS7IvkXV0He2bxEa5c337XncGF2DbDfjhU9NYucTeD+GhWRlKdEVlpWYRxBmukrIz6uEnEevDhNVaiJ9E1MwSw0hoq1H+TdS0K3xhe5+qIV6Dp5csrnRjzrcjPn97xIfum+bfXT6gaRt85raPqqtoqsLIi1iqWnxpY8BDC1We2xowjlKJL5sa6Til68s3dq1hMxwEuG5IHMSomkol51o0Swbrubn2TMvhhR2Xdx9vEqXwqXWfF271WJutMJ8f0JMEktcbi/m3ZPDd984RZymuG6LbOtE4Es+LJWqJn8Azm5KWSTNRCM61QzZHXaasEhXDZqUqP4BPNxextQrX+7eZd+qYmk6cJrT9NnvjAa+2+zRtlVknYGvU5Vw75Fr/Nl5OoDXyIeETN1yaJTHbLpQ16qasg+IswdIVWqVqUWAZJCm/dnHIkbpFyVBZrspqx6yp3OiHRfP2OEpZqpmc23GJ/bho0Z6vSEy6WTJYqlr87vU+bzta473HqvzaxR7r/YCdoSRcZiom82WTL/UG/OrrPR6YL2OoCo/Ml9kfRbx1pcI4Srmw75FmGW+Yq9AsGVzqBDLkzEmPlab0MVSFiqkQ5DC4L2y3uadZoheG1C2VK709lsp1rvQCnlqo4cUhZl5wWDUVqqbOMJSvwxONGr1gxJVehKEiHBhL5UjV5OYg5EyrxJVezKwjquMTizZ1S+V4XecH7nqY7FOfx3p6FeUNZ+WbRVGFmjvqiL8ljcnSFMWQ9l+lVAUnLUoYs9A/ZLisb0NrSpJFW3vCbjENmG/lfooa6syQ6Py2PGbOdIn7LuYDy2Q9F8VUizUTE7oqCP/FNsQv0fGJOz7x3kg8FAsV0qEkbdSqWRzKqRuKryRKZOWQr1a0xUpB4E39BG1KunOS/XGRfFGqpryPlk66OyatH/Ja4i1pL9bmyuKPuasJUYIV1WQdkvcppR1fVk62JkNUfkCnbog24xxGtIuuJg19sSItzG1ZnUyao9VWSSLYu54oUklGui/VAZNhRFZhjcNhZGLUzanBaqskptuZ3Eg8jGQVhcSnJzhpxdBkFQZFhxBJhjLnoFcNElUh3RaulGbpJHmcOtn15GPv+KRRguLLwDWJSGt1K1dZNLSZCtGlNpkl9Q6KY8sg7HqHw9I4Qi2rqLOHHKRv6vUN7Cq6c/3hrjuDC7BQsTgzrdMP5JB8aLbB5W4fWzf4g60t7pux8WLxMryyH/Khexf5X794mf/tjUvUzBK90CNKoWXb1MyYll2lYtiS/ghFXXl4zmChrNIJTD5/q8+f+cxtoiRlvTfm/afqfOKawNBUXWVzGODHKZ+92SV0Q9517xyrNYN/+twY3dLx+z5P3T3L5jBgSIBZMnh0dYovvL5H09aZKRscqZk8d6FP6IYY+T7/o6/uMNMosdfxaDRsmiWdP3ZPnV98rY9ui08GxPir6irvWavwhS35QZjGKWbZpGnrmJrOS+1tPnqpy4lmCVNTGUcJjqFwuqnjhhl73oijNVlf3BjENO19bK1HnCW4kU9NKREm0gr9N75ym6atc2LKYrXqs+UG7I1Tnr3UZ6VuESYZP/GGKVp2jYvdiCiFD55eIs1SfvfmLjeHXRxd5dG5o8RpQi/wuHd6mrY/5Gp3zBNLDh+6Z5X1YZtjZ9Z4cX+DCwfCskmyjCQV5s2fenSef/TSPvNlkzMzDkma8fiCzc2BRM/DJOOTN/q8Y63O08tVXjY1SrrG0bpJ3VS50g1x/ZiLPZ9myeAdRx0MVeEtR+usVDVKhpQsmppKmGQ8c6vHUtWibml89vaYcZwCJh+7uM9ffnqRVklj14twowxVkWjz4/MNPnb9gAdn+yxXNK72O9RMndtuh7pZYhhmVE2F01MNvDikYtjsekMWyuI1utKLeWzezNebLhDg5jRZP8k4Oz2FF4csVwwWdtr4X9rA/hNvlGFFlfUQSSgroyQGfyAri7HI9VnggR/KIZMbdZVGg8wdyoDytXwXVSU7f/XwUFJVmG1iHJuS31dKMO7JukPXhN2SE3DTfiAQt+UqSt0h2e7LQTwMpYtooSym0Ib1dWuc6GpPBgpbk6RRvnoBobpqTVve9gRnH8TEe3HxGGq9RooYYtMoldVQmpHkyP142xXjqaGSRhFEUgip5i3T2ehrChYnPpumTbzhirKQG3KzKCXt+ugrNaLXD/LnS8lXMFrhV8kAdeprTL2GVnhTJmrFhIGS5YA6kLXmJNGjNSUxlfbk98luzmkx+Lq6gYkypOWKkta05f+3HIJrXbQoJWlL8khvyg2UUjXQ8/4oGV5yj46mFu3W2UZMpqmkhpb3HWUk+66kl/LUU9r2UJtSdPm1ZZXJzpAkOIz8f1OvOx6Xb5vrjscFePexGle6MVGa8dXdkF+9tE+rpNELRnzutsdLez7Pbghw7E1LNrfdrhz+VpkwTdAVjRf3wsJfkWYpbuRzX6tOy1apmwpTlsGNQcInrnWYKRuYmsLjSzWW6ja/dXVA5EX4w4DIi4pUkKoorC5U+dJGn7MtgxPzFWabDpqh8fxGn+2+j+EYpFnGV9d7GCWD++cruGHCJ67L0NNsOQVuOwkT2gOJEGqKMEU23ISlqsXPvHGJn37TEZ48NQPAk0cbrFYlxXL3QpVgGFB1DO6etvHikN+4PKQfxNw1ZfHu1RLffaLCQlnLvRUl7pmuc+CHLJQ1ohS+vNOTgcUUJSbOv4G3R7Kqum/G5hdf3OH319t0AoHeLdVMxrH4Qn7h5Q57nqgshgofu77F1f4BbT/lk7fGbLoxv371OucONtBVjTCNWSxPsdawadkqg3DM331xj6/s3ma5UuPJhTLHGzrjKGXHDUnjlM+uu1QMYfe8vOPy8q7LvzjX4dmNIZ1xTJJldPyYZ9aH/PEzJ3j/yRozjkGQwOfWxWj9Ew/OUa1ZfPlml196rSftzqY8/2aeAlnvjYvahxPNEjsj8dA8t9Hn5R2XNE75O8/v8fdePOBiJ6AXJHhxwP2tMq93+liawld3Qy53YxbLlTxentINxnQDeV6vDeT5fnZrh6phMgxlFXS8rhWq4KWuX/BxQNq+bw77rA89vsM5TfiRL2PdP4cyc0QGF8OWYSXyBTrndcB0yCIfxS6J4mLaKBXnkIzbG5B5o8NCxUYVji2L8rIyj2Ia0iSt50bQ3MAr/UR7KCWJ8yZX91CnZfWW+TFq1SBLU8LX2sTX2kXMOLrWQ11oyMCiKTn/JS5Q8/rRWt7fY5P0A+JbA7KhlBtqc46sTgJpXlabtgwwYVpg7dOO+DLSPOIcvtYuaLfh6wdFTDpLMvTZsgwKE1WkYgqHpX8Ix1PKRkGyVasmWSJvC0CpGJKi2XbFBxPEJBtu/hxI4eOE0ivf4FmRjgLEzNvxC5+KMln/RIcFi5P3Pe2Mc++M+EomsW9tsZx7eYRILN6etBiCJoA46/hU4WtJe6JCZkkqYDlVKVQuY61RmG4nayXSLG+T9iRRlGZf57+ZJMImLd0kmaz1SlL2mI6/RebcO9e3zXVHcQGWqzqNukHXT3nRjTA1lVapyqfWDzgxZfHsbfFpzJdN7plu0R4PUXWVL2y3eUOrgqootGwVx7DYcIecbx9wZlrgYVVT4Wo3YLWmc/+MwY1ehUsHY+bLJm9cdvjHL3vc2BxQb5Yo6Rpb2wNUTUXVVIJRSOIY1C2dG4OYM60yv/nyNpqpEXkRqq4S+5KMmdByx5EkQoZehFkxGUcpZ2Yr3DNTQlMUKoaCF2fc6AXcPW3zxU0x/P7etYgoiLlrrsJPPLnMlK3yzOYGN/oh40gKG10/5nI3KDgrFVPjUzcH1K06j861cAyTE/UILw5Js4y7p6QI8v5WypwjDdxeFNKs1lkf7JIiKPudUchvXO5iWDpf3hpxo+dTtwSjHyYp4yhlPk94nG+HPDBr8eHXOrxn9S4+emWdxaqA5l7eHbPnmSyVRfXacDs8OOdwsiEpqHtnHE7Wm1wfdFmt1jlej/nEjSHvPdFg0405t+cyXzF5db2HVTaJcnCfqquouoqbpDy6XOe7jpe53N3mnukWfrLPnCOliftexIYrjc/PD7pcud1jZxTyPXc1+chll5NNmwvtEZqmFgPSak36jv67N8zwxa0Rp6dLMiCNIzRFYd+L2BwGLFd0giTkhR0PTZUhaNdVON5wmXcqHK+rnDsYUTeFsDvrqPSDlLqp8vK+x6PzNXY8Lz9DFPbGspLq+CnHGzpJJj1Qli59VP7f+3X82wPMx9YOm6CzVNZDqg6WCXFeshhGUo6YpmRmJAOIrkn8udOXP09gaHsd8bj0hvI6zZooMxUHPJ9sr4tSkbv11A1zaJokdtgZCnZ+OEZrytCg1gW0pjg68e4IpWoQXdhBX66S7I6kq8dPCgNqvDEWpWEYykASSdty2vElAWRrqE2b8LU21ulp6TeyFZSyJHpoWOjLFZJ+IBHkSSN0lBSrocJcm2MNJmZftZWrEKpEiyc9QiAsF5IMbcYRb4yjF1FkLR9+slFcrMaUHCw3Sdoku14xHEgCKyVeH0g8OV9FZV5UPBdqRfwoiiZQuGR/fNh3lEe2D9dweSzaUAXilxN6J8PPZOBRUEk6AvmbqEJRfwh59UCWpkTXuvm/qzIcOtLKrS+WSfJWb+VrVoCZFhW+H6XukLnjnNqbko4j9Nkyau+wPPObeqXZN0BxubMq+kZcdxQXYNNN2PNSOkHG//OhNUxNYbnS5N1HZzle16mYGo8vVfnB01U6/ogwlTukj16Wu9qPXO3ixRk1s8SNfsxKTedcO+TfXOpzrn14N3C5G/Ou1TLjOOHyrsvPf2GLcZxyaqXOE8t1zsyIOqLbOmki8ePNA49+EPPlrTEfv9yWPqJRiGZqWGWTWsPGqlmFMffZ23LHquZli28+2uDNKxWiFCxNFI6PXjrgi7d6fP72kGde32erO8brjQlHITd6Pt+5KjXo/+p8hycXSzx9pMqRuQpZmvH5ax2+dL1DFMR8711TPH2kSqukkWYpjm5RMWxMVaNi5INKHOIYClujAFsTaTxMJPLrxxFPL4o3JEwyVvIfVg/NV0hSeMsRodJu933GccoXtwTm5obCVNkbD6iYGvc0ddrjlMWqye3BofIVpwlTtphaX+ts8ZZlh07gYmlwc9jHjVL2RxGzjsaUrbFSs5mvmOi2TjiOmKpamBWzAJRNrvVBwtZIYtxVU+VyL+aBWYu6pfOZm13OzpT4/gcWMMsmYZRw8WDMhbZHq6RyatphxpEKiLeu1lmqaLxtxeFiJ6Ru6SxXpBCxWTIoGWKyNjWVL26OOLc/Loi3/SDm0sGYj18fESYx1/oeSUYxtFzpxvTDVPqiximvtIcMQ+HqbLhJDv+Tf18fJlRN8bjM2OLnWv/4NSIvlm6hclNMuUkssDl/IH82nUNGS5rKQKLr8vveUH5IT/48+TfbkoHF1ItOo+z1W2TrO2TtnhQE7g7I3DHGsSlUW8O4bwltpoQ2X5Uywn5AtN4nzg2sk04eY7WR+1nCorNHsbUcXCY0XLVpS5Q6TcXLMUn+BIm0NNcteazZslBa86/JtJcj9UfRYdfPpB+oH5AFQo9Ne4GwZ5KMzJO240mEV83hbZMhYNKcrFZNWfOUBTJnnG7K+5RzYiapI8WWYSAdhoLod8T4Oxl+Jhj/zE+Idz1RkVqlw9evmoWPpCg+jJI8CSRKjCguWlEWmWyNJLV1ayD1AlWz4K0Ya41iCFQsTbqlkuwQkpdk6HmqKYsS1IpZrOmUsiEt05Yuag5I/xOiFKEp8qKqucm6QbLRK+B/2mIdtWTI4Gh9i+6/v41LFv9bu+4oLsDnb7s8Zuh88PQqZaPE9x1v4McRcZbQ9lNhe1gqS+U6g3BMxbB516kWF9oeNbPEWj3ml863udQJOFo3+fCFPq/c7KKoShGB/cXzIaamsDMK0XL67SMrDV7cGXKzJ51FTyzVqDYd3O4YRVGoNWw8P2bkRdw9bfGFyxFZJuC6tdkK7z1R54WdMf0gZhxJZUB/HJGk0MrJrs/c6nFuT7poSrrGgRsURtz1PIkUjSMhW6YJZ2fLtMdD5hyV7z89xRML8+yMetiawkcudQDoDgOisVBuf/qBGXphyLmDLm8tVbnc28bWDObLDcH76ybzTh0vDgVSh0SKK4ZNmMaEacwfuavO5Z6sVG72Izp+xNMrdR6eq2LpCl/Y8JgpG7x52ebCQcRvXO5SMTW+sDVm3wv55K2EuqUxXdJ5z1qZ+XKDNCdU1i2FKz2panhiweF636Viqlga9IOM++cr9IMUP844NmXxB+sDKrbOIE75wOkmv321x1Zeg6CoCpcOPF7edYmSlNVGl5s9n8iL+Mffc4Ikg9W6QZRKe/PyVInOOKIzll6gj1/rY2oylPSDmFd2R3R9m9WawdkZi2GY0ippfP+pOh+9Ikj8cZwUlN4bPZ+SrlIyVCqmxoxqsDkM+PjNAVOWwq6XsFjWudZPUFXpO7rcjXly0cLRFX714pCjdZP7Z0xeO5CB2tGVSY0NF7sxV3oubS/mST8lGAQoczOHKkuar4msiphvx/I+Fn1DpiHDCMiA8rURUD/IV0dDmJ+WISaMJC49lbNhvHHBTgFI9kbSs+NKVJk4Rp2qoGyNBES3XEWdrhFd3C3UmQmWPml76EdrcuefHxipF6Hlw8GETyKqh4+2UM7x9Sbk9Nd4ayQDRO79Mu9qSuImX72qjgFNUYP0Ba1od9ZmnYJES5iSdFwUQ1QNba5M2g9kzRIICG/isZHCQfnY4o2hvG4eY9aqJmnOQcmGYdEgDcKW0WZKpFd7AqPrjMXcGySk40h+PyHrTj7ZedxbbTkolgw2GZD54hFS8zi3kqtC6TBE8eV5SdoeimPIKqnl5N4Yae/Wlquylqoa4uMxVPlYo0SeSzslm6gtJQHnaS1HntehfO0okY7WLImKNVsm7Y5lmI0SMlcqFOLbPbJAhqHk4FuluNzxuHy7XHcUF4QUulLV2Bp16QcuDcvBi0M6vsuel/Cda2WeWKhh6yYV0+bvv7TDpYMx+17E+YMh64OYt61OseOG/O61Luc2+pTrNrqts+9JQWHJULl3tkzF0OgPBCC3OQywdZWWY3B2poymKixVTcyKvGiqwtGmw/HZMv/m9QP+5ONLmGUTp1FirWGL8bU35tL+iKsb/aISwNTEwzLuSyfN3iBAUxUqpsYP3zfH+98wz/HZMkkqTdIAdy3XsKoW33uiyocvdvlbz+3zz1/Z57eub7Fam+FaT0oE3TDhTzw0z9HFGj95/zR//6V9fuX1Pld6Mf/stet8ZSfkxsBnzxswCMe0SkKz9eMIU9VZrEzhRj5eLD90a2aJs60Gb16yaNoqJ6dMfuh0nfeu1litzVA1FH7wtBRffuyqy/G6XhBev7gxZMeVdNCNns+eJ/C/8we38eKAxcoUjq7wxsVFnsjTN46hYmsKR6vTLFdK7Hshtq4QJinD3KSqKQqGpfOV7RHbfR87r01QVIX75ypoCoy7Y16/IT4iVVf5M5+5jRsKs+blXY8gznjzSg3XFfDc00fqnJp2uNoZF2kmN5RIfMWUFuo5R2N9EHO8XuavP3Wckq6JgTjN2PdCTkyVaJYMVmo2dUtnrWHTGcd8/MoB3SCjYWmcmdapmwpzJZW1msZdUzo3+tLM/fhiCS/K+IWXDlipaSxXNPqhcGXOtSPaXsRj8yb9IKbThepiBaqzkMT41YZ4XDRd1JbQk98DSk1iyoqqgmmgOCXwxjKY1CoyxFQc4bcsz8HGrsRatzuH0WlVkdc11Xx1I9wQwpTglV2yICZ1Q5KNHuTMkWRrRLrXL7wbacfHWKmJcTaP6k58E2rTRpsry+8nSZmOL6qIqspgsevJMGBoBSo/9SIxqBoqad8X6JutFYdt2gtkzdQZF8kfTFVi1DmNVrF0tIUyyZ4n6Z68gXlC3E22R6JSdHzhMhXMFaHfak1blJG8s0lAdJ40RefMlHQYYt7TEl/PYqUA4gGFAjQxGCuWXvhtJowVIH88tShnTHNOlL5cQZtxZDhyQ3ncPImU+UISTtpeUSI54c1IpF06mNSqSdLxc+UmEiVn283buGVY01ol1KpRqBLiDxLPkVI1hUCcg/L0o9Kblboh2nTpm3c43Lm+La87igtwqmFTqzu8tD/k7HRKnInhVlc1Hps3OTU1R5ymbLgHqIrcMT887/DvrnT5u1/dxdZV/spT89TNKl6c0c6l5J1RSMXQeHTRYX0Qs5sX7um2TuiGrG+LV8adUG7DhCeWqtQtPe+viRnHSaGW9MOMJ482+OKtHs/c7AJiuC2VTTLHIAokyit4ellBXd4YMNUs0bQNrm0NWO+NWWuWqJgaTx+pc87S2dlz+RNnp3h+t0Lbl8jufm9MEib86oU27zo6S5JlzDgm13eG3DVl4K3UcKOY+2Ydtt2I3VFEkmZoqsK7js7RCyRlsmJOk2YZrVKVPa/PfLmBG/nYmrBuWqUqNbNEx3c50bD5retDjjd0+qHPhc4GK1WHyz2P7znVIs3gnukWJ5oj+kHMjivDVEmnIOP+xqUuG26Vu5tb1E2V4w2JXruRmP0alsEoigiTGFs3KOkaji71Cr/yWptT005R+fDSpigK3jCgWrMYDgJp4w4TWQONQlnp+RmuH2PpCr9zfciffWieX7nY4cE5ixPzFdb7AZcOZM1zZsah7yecu9EthlOQFZ6fZNiawl9+9jb/9ruf5OffWOViZ4u//uVtkhQZSFUZeJZqFm6YcP9chdW6VCKsVDVuDhIMFdaHCX/s7jU+v7nOMMyYdaRuYbmisTk0+NxteT76fsxMWRSdS3k3kamp+D4EgxCGezC9ype2v8Bb598spYpWRfwucShNxd4Y/IBM1yQppKqHK6Iwgt5A+C2DkRhxW1My4JSt3P+SkW52Cz+LekR8KUq+4lBzlUFxDJK2J4dgW9JJ4av7GHdPA3LwpuMIte5I7LYf5OuUmDCPN6uOIe3J+VCgVEVZSDo+mRehzZXxvryFtVaXO/qGIirDrkfqxRhHa+LDQIBqWk6QZbLKccRQOymCVGwNJRKkvrYsA4WiqgXVVozCFpi5IbYfoHiqQOTIhysnI+1N4s9pAYvLhrmykXtdSFMpTwxiWQXlRYlZkqstvigUiq1LHcCWK8/lrihLJNLPVJQ+5uwX1TEk1tweo9WtYlWWdnyJW+c+lcJoO2m37gUyDFUkHaTaGuT9UGpThi99uVqsv1THECWnPS7SY9G1ntQmNGuoObxPsfXCs6TWLdRvVcniHcXl2+a6o7gAbhyx7Xl0/JT1ocf1fsDueMw4jtj1UtaHB8RpQj9M2PMinlq0sXWF//4N04RuyNtWp6gYOu88Os3pKZ26LS9hknKkbvGlTTlo5yomM2WjWNXUm4dmvZc2B7y86/LrFw94ZdfNu5Ok0yjMo5nPrsuq4WjToV4yODHtcGqhSklX0Q0x5z60WOPRxSqDns84SplqlggTUXcmpt59L2K9H/C56x3++/uneehEkytd+WH0zG2XAzfg0dUpSnWb++cq/ONzm7y863Kr45HGKSvVGnc1dGqmwat7HpcOPK52xgUT5bndfu5vCQhTGRDSLCXOUtrjIbZmsDfuM4xCbg0PGIRj+mHCczseVVP8GcMww41SHMPkyYU5PnBihu88WsGLQz50dka6dbKMkRehqVDSVd64bDOOEzaHAX/7S9v81jWXT60f0B4Pc3LvFC27SknXcaNAVn6rZX7jslQK1C2dzjjiHWs11vuyUtMNDd3WGeVGy07fZ75qFUoVQJL7Bb66PeZvPH2Si10xLp9vhzy2WOWhhWoBs9sciEJkOAYlU2OpamFrCq2SStVQqVsq33OywWc3LrHldlmptnh8Sdqax3FKJ09QqArMl3Vajs7xhs7Jhk7dUqkYCpYmCk7HH3HXVJ26Jd/mw0gGmD92T50P3j3Dm5ZsVhsWP3p6ljcuO7x9rUHdVPi7b3mUMAKjpMPUMmQpb11+B4x78gFHk8RHvkKyLRlMTEMGET+QAQXk75wSSrUi77TrHUaf56fl7xyJ40qvkEqyN4lWxwWoDFUtqgBSLzpsEc4juZkXoVg60aWulDV6sZT4aYoUFDaswmsySaxkeZx5Ak/Tl6soloY5V0ZrOejLFaIbfVFlEAUg2R/nSklecli38yZpSflk+WAhJZByX1gkihxD1JN8RaU6MnRoc0LfVWzptlJymJyaN0ZPVkpq3RLibd4SHbW9IhFVGG+/hqKrOrqkpiZFjQ2raMtW65a8Lxx6S9D+PYXGVIuV0sTnpdaF11OoKNsjyJH+SlmXrqSOT7o/ls9LkpF0xzJMJVL+qM85ZP4kqXSYoioO9SQjWh+gNiz0tbq8/d1e8W9oCtkoQF+q5hTgr4nYfzOv7Bvgb7lTsvgNue4MLoCpqQWBtW5JD44XZViazqv7Yip9td0mSnJfX5bxwIx8s7//wUWeWe9xexhyudunbqkYKmwOZB1wfm9EZxzz9FKJKMm4q1mi6hgkUcJ3nWx+XTLIVFWiJKXlGOy4IVcPPMZxKkyRTPwYF9ojNocBSZZx9cDDzOm8pqZQq5js5AbbqaaUNg69iBNTJYLc0KvbOqMw4cRUiSePNvj49SF/8t4Gn7whUdxXt4ZkacZXrncwNYW3Hy1ztTNmHKWFcbhhOpxpTrHlCgF2wiVZHwQs1SzSNMONYq71Y8IkJs0ybM1gsTxFnMoPKS9OeXk/Ikhga9Slbmp5KaD88NTyEIoXhVzs7uMYFikZr3f6uJHP+07UeXSxRpSnbzaHAf/qfA9NVdgchJyek+fqF1/Z40qvx/54yIbbYcfr0Q0i+qFPLxhxX6vFfMXk37x+UID95koqmoqg2qOEesnAsPQiXTSOUwEG5jwKq2rx9jOzvLzr8vu3trE0hR+7e4GyqeEnGWGS8vq2MGX2e2OCUcixloOmKuy4IX6SYWlSKVE3FRxD4HOfvn3AX//KZRbKGo8sOLx1pcyMY3CmZefeFPkh+Mp+xAu7AVGu2ARJRprBc7ttbM0gSDLOHUTU8zbieafBSnWaI9Uyp6d0zrV7VA153v0kY5UWTgmsunVoyJ2UKtZmZWUU+UXKSNF0lFoNxa6gVOootYqsi1RV1BbXk9bowUiGHFWFq+uHEWjPlxXHchVttoy2Oo0+V0ZtlqRFGfKVTSwcEFV6c4wTU0VvTxalOYlWDsOJLyPZH4up9GuGBuG1lFDKOkluaFXrVuGv0VdqkiAytFxtGWGcklZqxdaLQ3jiRZkYbLMoEa4LFIWDqRdJh9HGMCfi+mLgzZUWbaEiHpGZkgwXOdGWJBOj8jAULowjRmNMWWuhKmiOQZbka6d8yEnaHtpcuYhkK7aoYGnfJ9kdkeyOyKKEeDNXoPK27MxP8vZn/RD7n2QCp+sH8ri50VfLawi0Vh6BVxWSjl88HvnwZZxo5MqIJmvEXI1Jvbjw6KReTDYSVSf1E/m8eQLlm1Q5APnrChDv0AycFSrbneu/revO4ALcyNH4yxWNy90YR5c74HmnznvWHLrBmCiFf/Bim3MHETcGSd7Rk/DgjIGpqnxxa4xjKNwYJJzfFzOpqcoht94b88mbI8Zxys1eQJJmfMe9c/zutS6rrTJvu2eWNx1vcqJZ4k8/MscTy3W+Y63OX3xqgbWGzY2eFD/uuCHjWKLBS/ld/6vrPfb2XPw4xfVj9r0IN8f4J0nKYysNNocBjYbNTz88xz3zVd53V4vVhsViVYoVTU3nx++Tt6+oCqutMgsthzDJ+NStkUDakhQzV3U6wQgvDvml13psDkMx9A589kcR33OsQZTCL73Wx4sk+TO5/DikF3h4cYimIERcFfY8GW4cXeHReYcz0zrTJQM3TBlGPi/uhby4t8tqdYaL3Zhz7Yh3rRzhWN3Aqlqs1G3WBwGv3exS0lXOzpb50w/OcqJZ4m3Hmtwz3WLPS1EVBTVnngzDjANf7tTee6xMs2RQNjV+/L4mjiGt3QDTFYu1hs2MY6DqKtMVi/aBRxImpIkoWk+tTbFUNXhoQVaFL++HbI26LJQ12l7En3/4CO+5e4b5slmkvUxNYHRhkvKbl/toCjwyJ11El7sxH70yZBhJDcHPPPwBfu6lHn9+5hQf+c4/ytOLVV7eFejhKErZHUmE/8YgpmKK4iJeF5WX9tt0/JRdN2TPS9h0Ey51O3xy/QbP7Qz40nbA9ihhdywG5VZJw/+7H0bXwbxHVjATCi4g/JbIB9M5/AbKU1xZ6AktN00lPj2JOVccGVKadTHnVhy5u+70BVZn6iiNPA00jkg3uxLttYVOqy3Uc+UhKUy58mZTSRl1fLIowbynJWbNffHHKFq+6qiYZFFKdLVXME8moDh9oVI8XupFh8TaICkYL2rdKsBxkyGBKCUb5omeSRt1nsTRmrYwUtIUfbYsRtMgId52patnpiTx6u6YZNsVUu/WSNYjOZROMVTBHOSJm7QfCHiv45MlQsxVLK1gxBTpnrwJW3EM8dfkCR3pQpKv6Ql/JemMxXOSKzhKDoAjTOWxc8w/UKygJleyO5JkUM6+KUzGOZVXrZrFUAJI59AwlGEHUXUmRuGJCjRxiesLFYk5V8zCVKw2pd4h2R1JfDvvOQIwJorRN/u601X0bXPd8bgA4zjj0m7A8YaJn2R8ZSfkh+5aAmAYpXxxK+CROYulmkmSwRMLJW4MfPpByidujpgpG7y863L/rM3vXe/TGce8nvtXSqbG/QtVXtwZMlcW4+PIi1irm2hKlZajMwgSnlqU7pgozfjQPSuc7+zwezc81vs+Iy/iSxsyAPQHAZ3QY22pRpZmOFW5w1vJPQ+bBx7f94YZ/t7nb6PqKi/vumgKcrgPE9YHPpvDgBNTUqjY92OaVoXP3B4xZWss1W3+P287zd9/+RbjKGFzGHJq2uHsbJnOOEZT4N9cbueeF4NLHY8wkZLHkqHy+c0+n789JEwyXtz1WKponKjLmiicqC1RwJHKFOvDtqgNuoKtGdw1lTEII4I4YzMMGIYZz2yMee+xMmkGN4f7tL0IQzW43NumVVJ5x/Em6wMZBk8eabDWsFmpGdwa+pydcYhSaZl+ZE7Aeh++tM13HHFIs5Sun/Cx6zs8uVBGUxTevjZVrFWWqiY7CiRZRj+ICZMMVVGYKRvstuHd983z+xf20BSFP/XAET63sc/9szY3+jG/e6nNyzs2P3xGDNv/5Nw2S1WDH7q7wS+8FPHQfJWKqZFkGS/vuIRJygt7ITMlDVUBW1eoWxrXuwE7o5D/x2f/Nf/TjzyMremspTHv05f5C+5tADRVVlx3TemsDxMsTadqxrhhxuWeFC3ujGI6fsyr+0L0vdYTw3Dd0tgchqz3FU40S6z3A8axye7nbmNbSCzWsGUI0YFIlz/jgqaTBcGhj8W2UCwLVB1Fh6x9ILFnWzgrpJmYcwHl6CrZwJV/B3AlFaIYKmrZItrqSMXE+gHZKEI/mhVmWbViEm8OC7VDX6jIXXonIrrZl4htXkqYemIcjbfdwkQqqkIiHhlVIbrRL/wpEyCa2rDEOzJZS/gCbNPyw1OtGkLedST1Q5iiNctSOLjlFopHvOuRDUOJADviK5k0LU9altXiMc0iziwlialEmh0DtZEWPpQJ+0VxNDJPKgcUQ8uVFQVFE/VDzfkyk0sxTJR8KCNMSYKk8KJoVTsvStRJOmMZ+FxJPqpVUaFSNxR1yItIun4xUMgXoah1hBIxT/1EGqoXyrJWyjkxStkQ303dKvw0asWU/qJJUmuCH9AUCKSmQZuypYixVSJpj8WUPQzR876pb9l1x+PybXPdGVyAkq7QH0YMI517mlIe+Iuvb7JU0Xh2w2VzEDLnaCR5zPWVfZ/PrQ/Z92RNMY4TwcHfHKIpCgfdMVbZJBiFDLyI5wcBiqqw6QvQzKpJPHW1btANMo7VDb6w5bNY0Tm/7/Ps5jXee6xc3MWPo5RLHY9xlLI2W6EfxGwNAxmMdBVTU7jWHfPW1Sl2hgGXOqH0DYUJZk3JPTgKz225jMKEP3rvDFO2SpqRsz3km+kT17v8uUdm+dL2Di9sD0XdKZu842iJf3m+x90thxe3Xb54q8f3nJllpmxwtatwbm+ErauMo5QtN+atKzWmbJVWSaVhmvhJxLRdI0xiTFVjbzzATyJOTVm4UcxqVZJGhqqwVmkKd+Wgz2PzFbZHCdujhK6fYmkxH7iriptHzO9u1un6XS4djCkZapF6+ujlIQ/NV1kf+Jxpldn1hiyV61RMm/etNQiTGBSVGUejE6TcGvr8hcfm2fcDvCjjiYUjmFoPU1PpjyN6o5DlqRJ12+Idq1VRvnJfS5JlLFdnuLc15Jcu9AgTWSPtexH/9JV2EV9Osox9T+WJpRqmptIZR1xoe7x1tUF3HNMZxyyWdR6YtekGYnZ+Yr4EOFzqhPzz165yV0PHiy/gxRknmiWO1k223YizMzbtccrpKZ09L2LPS1itSxP0npfywKzFUkXnhR2PHzvT5A+2ZN1YMkyePlJlZySDWd3SqFkyTKy8oY52tCXqSt4ETZZKmkjVweuhlMqC+M8BczLIjFFsS/gvpiHm3TSFXh8GLjRqZAd7uQqjyZrIsUlvH4iXIYwLw6bWKqEsSFQ68+PDJufc1GmsNWTNkKsg8a1BwRPRHIM0lXbnZMtFnSmJGhMlBRlWKesFfVatmofx4okxtSMrLEH1R1AVBSDNPSzaVIno1gCtbkmJoKrIqgWKwSFB4HJZP5HkUnt8GDeegNmiVHwuUESi9eWqcFZyX4iaI/tB4s/JnifdQu08CjyU/6uoSjEcJe2xPIe5akKaU4DTrIDAZY4weNS6JRyXnJ0yaYZOc0bK5HlVVEWMz22PdBihtUpF9DvpytCX9gNJfqUCvSP3D6VuKI3YSSyt0flKbzIcaYvlnLmTF1M2SyT7HsneCLUu5OAsTcV/tFYXhUZTSHa+RR6XO9e3zXVncAEO/JT1PAXwlmW5K9wepfzKawc8tFBlcxDy+dtDlqoWz6y7rA98RjnbA+DBI3VeuNXj1PQ0VztjHl6bolky+PTVAyIvYq5VZr83Jo1FmVht2PyDL27iVGUNsTmQpuBP3Rywvj9iplEqqKmdccRDC1UeXXQ4t+/zwvaQ+YpJpy/FjGGS8tBCnWdu9dhxQ0xDY3MY8MOPLnGzFzCTy7AffmUXx9aJvIhNN2a1ZrM+jNEUhb/51XX+7ENLvGnJ5sW9gFf2xvyNNy3xmdsjtoYh//Mn1lmadmhawg9plE2eudVjpW7R6fssTTvcP1fhrqbFi7se97ZMTtRt7ppaKDwtURrhJxGvtvs8OCNRRlVRmHcqxJkg7ftBihcfUDN1LE0hThPumTboBymbbswPn2qy6XoFNG171MfQFN68UuXjV3us1G1ONS0udTzcMOHB+QptT1Z6C2W5M3ts/kF+7fIfECQZXpzx1EKLHa+HY1gsaTpxmvIrl27wlx5f4S/+wU26w4Dy5Ac/8OyGGG+fvdYhGkf0gc9uXMINM9z86+FIzWZzGDCOUiqGxl96bI3/6TOXAdj3IoJRyELLYX9/xK93xxiOga2r7HshWyP5nKzUTAxVgHKmprLvxVQNhZWaUG6P1ExsTeHBOZsgznjLcp3Pb/ZZqeq0SirLlRon6gavd9v0g4zTTQNDLfMHWyPSDN6xVqM9lgRS3495eL7Ev7sy4ruOVzAcnalHFyS6PBla0lR+r+qHa6MkRDFMyFKyOBbFpSDsihKT5YMJaSpdRX5Y8FsII/mzbUrcFYrCPiHiqqSjALVs5aWLOmrumdCP1oi3pN9n4qsw1uoyDFTMomEYKOLD+kIFfaFC0j7kfmhzDtqUgOjwZFCIb/Qhp9sqqoJ53wzRjb4kicoG+lyZeNsl7QdY97SI1wfEuyOMBWmingw1kK98gkT6iPIhKdkN0BYkYZQM/aIEUWi/HkpZkk7knqRJkiftySGvLljibXEMlGXpP9LmnGIY0OqWRJ7zzqXMiwrz7sS7ojZtspwloy1USHM2izLht6iqDC25KqPUrWLIU6JUotK5gkSQFkbfzE9EjZoSDoviGPK2J43QhipDZl7mmPQDVEcGl2RrJEPehCrcC0RB6gck/UD8Q2FarMZEogZt5mvWlt/M607J4rfNdWdwAW7lQ8tP3NfihT2P53ckFvrW1QZf3hjIoDCOpJtnuoSmwgdO1dAUhX99sc9O/gPuMze7mKpKmKbQHYuB0zyEvs21yvx3b5jm/zx3gG7rvO9kk18/v4duaMyPhCBbMTUeXyznWH6/SJLcPyPrqDOtMiebdtEg/eajDT5xrYOtq6wPfL7/9DTrg5BZR+OV3Zg/+9AyP/pbF1BUBdcNOblYZb6s86uv9+iMY87OlnnzkQr/7nqHhbLGSlXn/pk6s6UahupxtTtmbbbCn3qoSdWwSXJX/PrAp+8n1GsWp6YdvvdEmX/wUgdTU5myVfxkkn5R8eOQOE1p2VXua0HFtLnQ2aVp2eiqWkTP237E2ekyG+6YWcdgFIdFN9GtocJXdobcNaVjaSogQ8JHL/eKzp8Xtoc0SzquH/PczS7z985x6cDjeMPk5f0ejt7ngY9d5Cd/+P382tZn+a3rHhVDCuyWKyZhInHyz97aIkjE8PzgkTovbQ4Ik4w0k3WRlpdOKqpCNI74168PuH/O4ZEFh/P7Ph+8p86vvN7n/N6IzQOPD3zkFRRVoZr3SimqQmccY+S+mXKexnLDhM445u5pi0fnHXpBRD+QRNjZmRL9MMOPM57f8TnTsnh5d8xifrf6ha0BXpzRDVJUBXa9ASXdIEoEwjfvODj6mJf3RT3ccBOudwNMTdZfZ6ZNfuCuh7jY3aL1lhWMR47KsKGoMqhMlJeJ4pKloNtk3hClVEbRbRlgIj83606ReUPpJvLzZuG9Dsw24eptWJmXNVKtIhFf15N1k5NXBqQp8Y0DUUJGgaw3tlwZWDy3WIuIyTNXXaom8esHBSE29SKUsi6R3YnZNBDfRRYlaBVHEjA5psC8q0nSGRfeCSXv2Jl4Q4hStFaJ6GpXOnuGEXj52zaEBqs6BsmEZmuIkVZgco54X5IMLR+E03zomhQPxtf7JF1f+pUm/hJNIWn7efnhiCRKUH1DhpRqjtpvaOJtSUO0qRJJd4xiJQXfRjE0khzupxgqydCXNdJkxYMUTKIpUmbYciDN0OfKJJ0x+lxd/n5K+p2YAPNMtagawE8Kj8qEWEyaolZzE27HR6kapEA2iYLnpmnFkNfNIO+E0oT+uzEk7fpos47AARMx48ZbrqhoTRt9oXK4cvxmX3dWRd821x1zLtByTB5aqPDbN4aFD+BY3WCtprFSt1lr2Dy6VON7T9QYhQmmqvK710f89jWXNx+pMFM2sEsGvZ7PO4810BSFMMl46kidv/nOlSJOeHa2TKuk8kfvafLuk9NsDaXcr2JqJGnG8xt9KobGJB243pPG4H0v4n/7wjZJDq17arHElzYGhOOIGz2fYBCQZOD6Mb/4lU0+fX6Xf/LSHpvDgH95Yafw2azMlDnTKmNrCmdmyjRLOg/OWfhxRtuLxBw7t0DTruBGAWemdX78vmmePlLl5iChE/gcb+i87WiFt61OYWoKTyzVeGzBZtdLSLKMZknnt6+NOD21yCAc80p7HVPTSbMULw6I0wQVhcWygOmEpJuiKxqPzDXwEzlEBmGMpekMo5QNVw50N8ro+ClulHK+HdIqqfzE/U3CJOU9a2X8YcBzm0PWmiWiccQz6z2+79RUAXhrlTSu/oMX+dzJv8gP1t9AxRQ2TtWUWgBVUYmzhDevVHlpd8S9s2XW+wFOXgFQs3Q0VaGkqxiOgaLID/5LBx51S2WlqrPvRXzy1pgbPV9WdSU5pPy+UG/TOCWNU2Ycg+84Mc2PnZ3h/rkK989VaJYMHpi1CRJhABkq7HoJpqayM4q5eDDmI5cHaKrCJ28M6AcJW8OQL9we8KsX2lzvBnxp02PTlS+gfS8UqF+9ye3hCC/OePfRWRbKGh88vcofv3eK++dKPD5v0fUTjv7sJ3lg5iTmB56kwPaPB4c+l4makk0GmjxW3O2Q+S7ZsC8I/yAo/k3RdIgTUV10DaUmDBdcTxSXm1sy0Ojyepk7Bm9M2nXRmiXUxSZqySBLM4y7p4tocXyjf7g+mZQHppkMD7YmikjHJzzfzs2nspJRLF0Gm2apiPqmHfFsBK/ukbTHhJvDAjmvaKrQbPNhI8sR/2rFLJI+WU6UlX+XhA6atEIDRRdS6kUyOAWxKEW516NYo6QZxvHGIZQODqm1ln5YHZBHuyfslCwvTdTqlnysefR6Qg2Od0eoji7PUZIJT8WUVZJi6UTXuoWXR61PlJMYxRLujdB8RUFSbQ1FU/LqAEMGu/zjmZilM0/6hdSWc7g6a5XE02NrBUtGnvd8wMq7jCbXpP3aenxBqhmSTAaZ3IA8iZRnQUyy635Dz4M717f/dUdxAb7jiMMvXOxRMaWvZrmiYelSVtcZR/z4vS3Whx4v7oUcrRkkGVztjAmTlBNTFt97osb6nMNnbw05GMecmCrlj2Xw6fUx7zszy29f3OdS3ju0VLWEd7I1BKA/jhjnP2Re2Brw4s6QsqlhGhpNW+cda7VC2nd0hZuDkJ98cJZLnZCXd12smsWoL9TNLMvQDA1/GPDQXS2+tDnAdUM6jsmH7msy45j8i3MdwjTl3tky/SCjH6a8vOvyzlWHXujRsqv0ghHP70Y8tzlg34tolnTetFLn/L7HA3Nl9keScCqbGr9xuc/OSAjBfT/hvScatP0h59o9jlRNdFVjfXiArmqsVFsAmFHA5qjLUnmKmlnCTyJURckhaSUalkOcJqTZkHumFZYrGq91Yn7vhss7VytUTGnkPtsyeOtKmd+8OhRVKUowNYXV5TqPL9e40Y+4Z9qkVdL4zqNv46WPN3jzTZ8r7/u7/B/P/hyfXP884zjmY9cPeM9qg27g8eCsyc4oxs8TXPfNOlw8mDQ6m1xvezi2TmJqpGN5nV8636Zu6azULC4deAV9NxxHVComSZiw3fY4Nl/lVsfj0aUaqgI3+6LkPTjncNeUwe/eGPHkohwSSQZnWwZupNMPUk5MmXhRyit7Y651xxiamncXZZR0jXP7I77nriZylqskWZIPlF0sXaEfpLT9IV4saS83ivnLq48w/tu/jv3+B/jCR2/z1I9u8FszIe/tDFCaNTK3LcMHiOpSqC0mWW+IUi6T+cGhQXfiadFtFEUFTZD92BY0ajLQrC7KUBRGosgM3MP/b5tkfog6XROlZuAepl5MWWUohgoTamyuosQbQ/SjNVlf1K2iXDB4eQ+gWLVoMyXyJ0gGjryNeELe1ZZL4jvJUy+iHuioVWlxTrpjGZRyeByQJ2rSIvGjaLmJuBegzVny+k27UIlQVeKNofBavAi9Kr09AJkXY56ZIdkZkg6josAwdfNYtKbiv9bGXKvL2sSPcwqvRrwlcXBtxiHtjIUIrCoYKzUx1OaKSNLxUbxYPkZDFdUCUZiySJqiFU0hTYT8S07LzdIMbb5K2h3L6iZvz066GeTb1MyP8wHIyhNAMqBgytCU5gwYxdBEWQkSwf7POUUxo5RWpkVfE+QsnIaswJR8mJo8J6lxqBx9M68sj4f/YR/jzvWHv+4MLsAvvtalUtK50ZP1x/ceX+I3r/X4vWsdTk07PLs15JM3+rxxpcbn1ofcO1vmR840Cu5ImmU8uVDl7SvT/LNzO/zph5b4Vxd2udEPaTmi3Dy20uCrW4PcpCkQuDTLCupjlKQYX1MW1u2MOTJX4dS0I+bUccxjCzbDKGPOUVEVeG5bmoj7wRC1ajHu+9IsravUKiYv77ok+V3ljGPgGAov7Y15YK7EQ7MOG65PJ8h45faIpm3ghhmObuFGPq+0u1gafOgN0/yd5/dolgzO73vsuCFfjFLef6rOcs0ski9rDVlfPblocXZ6jpuDfZIMxnHMR69dZ6WqUdJ1dFU+3jRLqZslwjRGzyPZbuizXGmiKiqmqpGSoSoqqqLgOxFe3GPXVdlwE+qmws4opmpYvLIfUdJVqjVJWGmqghsmvLLr8qYjVfa8hOd3fD59+3f4Rw+/nf7/+Q8JvITqJz/J+9/4Vl4JrvF7N69yqevSHqfULYWSoTFbEmjc89suJUNl6EkiaL0fMOOYuPmKsGJq3Np1cW2d9X25U1ZUhcWpEltBzErd5qIfi0F7GHC06bDgqHz61pDOWMi1aQbn2vJ1cbFr8KYlk0CKfKmbCqBiaQpXuzH9IObuVpnzWwMSS6dZ0qnnv+6NpBdpe6QTpXB6qoytG2y4A6qmPJezpRL74yHLlRq/d+pv4Y7A+Uc3mJ8FZb7FmYbO6FMvUX7zCkqckB1LUSpNAc7lqkvmDVCcElmUH97lMlkSk8WxKBnxULD/jnBVsE1pfw4jSRel6aE517ZEhbEtGXJyKF02GKFUSqi1Ctl+n7TnSXtzOW8ODmOME9MQJ6TdcbHSyfw490HokjIypGxQ0imCxyc3+xrVGhmQ+gnaYqUwyibtMZqpyuql7ZEOxWRbqBAdX2LOfiydQL3gMKbsyHooC+IiAj0h/WZ+gnFqSjwpQfJ1/4amSIPyzZ78cc6RVdH+WCB5jVyhmcSOywbkZYbkCaAsycRInH+fYap5i3NcqB/GWkM8QI4UKk5UD3LSrjZXLsobs64vnqG2mLCzME8TTZgsE/JvlAgAD8RrFEiVQjoMZWgJ0wJoF13tiuKlKULdTTLx24yiIro9qROYmKb1OacoeVTsfDWUD6D6YvkbdBL8F647Hpdvm+vOqgh4ZWvAjZ5PmGSM44RuMObBWZOff8sCYZJSMVV+/s1r/A9nT9IPYj5/q8+vX+pzrS/xYEtXcAyTXW/AT91/BFsz6AcJzZKBoyvc16rzPScqPLIoGO/NfG0Q5vKwaWgcqdloqsL8BIJl62weeDy3NeBmTyLMF7sxV7sh/SBlwakDcG5vxEp+YKdJShIltGo2p5oOJV3lbasNfvihheJxlyvSURNnKZd7Mf0gpW7pvPVolQdmpgsz7UOzLf7o6SNUTYWfuH8mV5dK/Mg90/ytN59g1tG4eDDm1LRNSVe5q1niXUdLnGpM8+LeLq1Slaqh8NXdkIqhUDVMFstTuKFPnKZse/28SVrHT6THaBiF6KpG0y7jJxG6ouEYJqqi0AukKPG7T1RyKmzK3dMm7XFC10/o+DGeH+O60rJct3RKusbnbw9xdPGlPDhjsKv71P/q97H20s9z+S8/wy9vfZ5TU2/gSFVHVeBTNwd85FKfh+cMnliocbKhc+9smSQFx5bhdqVu0Q9yaGDZ5NL+iDSWtMZkFZTGKbd3XVRd5dL+iKpjsNYsYWoKHT/ic7dF3p4pGyxVLdYHEVO2mqtxSf65qlIxFVZrZSqGwqab8Oi8xWOLVcIk5ZGVRr5mlMqDGcdgtiyH04VOTJBk6KqGG/rYmkLFUFGR0kkvznj6Fy/gjuSMC0NoLtr8r7tX+JVLr1P502+n/7vX4diyrHJMB2rzh+bcwYjM9cScW3EEMOf50BuiONW8f0iVQUTXBT43YbcMRof03KZ8HRfDi66h2CbEsfwaRjLw5EbPSR9SFie5kbaTFzxKu7F+tCa9Oi3B/qsNK+8SklVNmrNXtMVKYerMohTV1mTgaY8JXz/IW54T8VZMAHU56Tbt5W3MRQpJGo61Zp7gMYUiqzZtQeuvD4rYbhYlJPtj+TsgutEj8+K84FGSR0RpwWeJr0sXU5YrRpMVyaSLaNK2nOQJKCL5OlTKkprKRnGeZBIzqygi4i1JvRhtrirDwMQDFCWFQTpLsmJ4mqyQJpRatWLK6+XJoUlCSq2a4v/J1R3VFvOwYutkEwVJU/PodyJVC1FKvDUqeo2yIC4gfJPPj/hhJG004fGoTRttsULqfosAdHnf0x/65c71h77uKC5AnLcr/+SDs2y4CR+94vLdJ0Q+/V8eXaQbjGlYDoZq8MRynScWTP7ml/f4xLUOy5UZNtyEz93e5R1HS+iq3A3cN2OzUNaI0oxX232O1S32vRA3TIj9GEoGdtUijhJOTZc4O+PQ8QUcpymiGLhRkqsWKde6Yy7vusw1bGYcnVlnyN3TFjd6Y5olg9dv9ylNlXjqSJ1xlPLwfIkwlUTK25Yr/NSnbmFo0/hxytGqzu/cGHGqaaEq8J5jFRbLFtcHXVaqElu+0nN5ZG6OKavEUllSQvPlBrqiUstLKNcaIb93rcc4TnJ4WZVfv7pDq6Th7nWxNIWnF23unT5CmmXoqsqeJz+wTzbm6Pgj5p06aZblSSK1qASI05RO4LI+HLBSraEqKo/PlxnFIXdN6bzr6ByXe2KsfXjO4t6Wyf4oomSo1C2NlZxgOudoXOwIZv/zwLX+FxhGGcf3L/LHTk/zw1/uowbPAfDCbsDZ2bLQk02NmllitSaHkx/Lc73WsFkfiGnacAyCQYBVs6g3S/QOPJHTDY04iFE1FdPQCKOE9q5Lv2Rglgyapsb+KOKJ5Ro38qHUDZO8HFMUo2e3Qmytw6yj8vxun3cdLWOoIevDmGGY0iwZvOOow3DZYc9L2fNiFh2ThbKGo1scb+g4uoIb+ZiqTpKJP2ixrHOyUeb53SHP/J1LQC5+6LD46f+dH/e3+MStF/lNfY/vftcqyTOvoh1tkX7ik6g/8EFRXcY9We9MyhPTFGW6JdFoXRMQ3eRSFVkH3dySlFK7J4NQmpJ1tlBmm6S7XdSpClnfQ6k7eRopQJmdkiFHVVBX50hv78mBujtAnSqRQcEqUeemSEb7AoojzpuiZWUBFIWGWZpTadseqmMQ503T0a1BDk2TiG/aD1AsnXjLLbgratVEsXT0o5YMCoh/hTRfIRiqDA4g/JblKtqMJh6RVkl4LTnOH8jNwglZIgqRfrwhak53jN4qE+fVB6pjkOXmXNUpE/ckVTMpTEQ99HsAon7kFQhq42tauvMyScXWxfdSMUm2BihlHYJ80GiJmTpLM7Sca6MUqzMZqBVbBy0pOoYUW5P3I4iLt6tY0lWVRcJ2yXyJdGtTNok6FsUnyQqonpIPjpkv67LJ64KkwuKNYc6Z8YU6vCjAwmwYEnW/Re3Qd65vm+uO4gL80EOL/PJ7z/DIXIP7W+JhaY9TtkcpfhJhqAJIy0g52dC5v7XE33zTMpqq8PFrfT7yyg6mpvDKfsS5g1023A7vWJnFjVKqpko/yPj0bY+Vms2paQfN1BgEMUkid+bndlzO7XuEScZzW5KMeWihwqjv50h9hbeuTmFYOvfPVfiVc3v8zDNbuFHG/XMV3rjsUGvY3Dtb5kbPZ33g8w+f22alZnPPtMEzmyPqls4Xbgs++8HZCt91vMyDs7KO+J3rLjcGPhVD5eX9Hr9xtUt7nPJLFzfFZ0JGLwyL3/txyOudAY6uUDJU5ismxxs6n73doWqoBHHGsbrFGxeXuXf6CHGa4OcRWj+JiLOUimFTMSza/pA4SwjTmNWaQOI23A5eHOBFYlD915f2udILmHXqTFkOqgL/8sIWG27C79/0uNiNudyNWKpJMsuNEp5ctHjXUYmV122dGcfgqUWbj17u8Hrb40ov5jf/4n2cf+8Zrh6t8RNn3wBAM+fPPL8bMAjHfGFrzDtXVnhy0eJtq1O8sDPk6o6L25USSs3USMKkGFqyNCOJpFU3TVLc7lgapDWVlZkydUvnLUfr/MzjM+x7kRi/F8osVS1KhsaRqsFyRcdQ4XhdI83g6UWTfU+ev4fnSjRtlXtbtqSI/BQvzjjZMGh7oqD9zrUeX9wK+NS6T5wmbI/G7HmyAgMwNZ3TTQMv/3lvmvC+D7+Rf3TuY3jRgPtbi5yoz3HxXfegv+/tZJ0B4eUO+C77mk+WpgTPXCW9tknmjVFMG6wKiuUI8l83RU2pOBJ37g3FnOvKYIMfyK9RSnpzV9SAWIaKZL0jXUWqQrrZJtkZknm51yU3c6ozlTxinaE2S4Qvb5F1BjJs5AWKWoHhF59KFsgKS1FVzPtmcnUhldcPhCuCpojnRVPQWs7h/8kjwlnOkQEKhsjkyoahvP2qIV08QVKYYSekXbVpy+qmH0gaKqf6oikkUVIwWbJhRLw3KpSdLM2KxxFlQsoY0/1xMaykfUleQe6jUA/5M2qzVDwHxbCRs14ktp7mMWadrO8JsC9/XMXS0aYdqQFoWCiaUphkVccoho/J8Jb5+UDjfc26KofLTcjC5OWIk9WVvliW3+efE22hXETak/a46JJKc0+SNidgu8yLRKWpHOIKvplXlh32Nv1ffrnTVfQNub7hg0scx/ylv/SXWFtbo1QqcezYMX7u536O9Gsd41nGz/7sz7K4uEipVOItb3kLr7322tc9ThAE/PRP/zStVotyucx3f/d3s7Gx8XWv0+12+eAHP0i9Xqder/PBD36QXq/3//P7fM+0ga6qhElcrH8kYdPi5iDkI1dc1ocHhEnM248cwTEs7ppa4OkjdUq6xo8+uMAL20N+4//L3n+HSXKe57n4XbGrq3NPDjs7mxcLLDIRCJBgAkiKpBnEYFLSIY90ZNlyohWOZMmyJcuWLsmWrPMjjxVpHZmkRCUGkQRBgQQTyEUGFgssNofZyT3TuauqK/7+eKtrQMmWRRGifY7wXVdfsztT3dNhur+33vd57uf0Nn98uksYR1zpNzne8PndEy1sQ+FS2yNvqFxse7x0d5WpgslcxSIchuRNjY4Xsd4XfL6mKBxb6aKoCo2+z7mmy+NrPd57dIKmK8dPF02CGJa6Qz76bFNItRdaLLdc1pvCjLn33DZHx6ssloXS2uhLx8cJh1w3Ps2WGxHECTdP5ymaCl9d8fjjU22unzDo+DELJRHT1nNFqqbJc60t/CjECX1eOb8LVYE37qtwdLKIoSo4YcLqIGTDiej6IaqioKsapqYTJjFxktAPPJxgiB+FVHMFlvtdnMAXKzIK1ZyNqcn4aKnn0PMTKjmVZ7Yks2jbczjeCJgpaHSGMae35ex+lKA9Yrh87LkuD64OURWYsVV2V3JsOhGaonBypcsjK11+86kmn720xO+dPMPuLz7Baxfz1Kydt8T9Sx2OjOnYhs2//soqnz65iRvE6JbO3HSR6+bLHJ2vcHCqiJ7TsSoWexaqLM5X0HM6+VqeXDmHZmoYtsEb91Wo53XW+gEPrvrsrpgslHWOjBnsr+WIYnn+LF3EyI+sC9vmYjfiiUaQZROtD0Kaw5gNJ8ZQFQwViqbK4brJQ6sDXrG7wnxRZ76o8421IU6YULNUKqkI2o9CLM3gqsMKN7/U4q7tn+cbL5khTsDULM511mkPHdrDAcdZQ33Fy7F+5l9wfPAsnzh/DCVfpndym94XLsvoZwSmi3zZrExbhLRmivu3zB1ui23tEHRzYuNVTB2KedSZuuQTLdRlU1LVLLQqOLMlacyLY1LIeD5KtYiiqyLi9NJQQz8Wq3AQS5ERRN8k6oR0xKNJ6rM2bqPPFDGvncjSiYkS6bykOULJMBQnTE6s1eFyT+BpDVfswJCFIGrjMn5SikaWTq2mqdajwkSfKYoQeOQSquTQa+lYabknnYdBiD5bFP3MqKthaVn2j75QTjshkXQobAmSNBYqaVL0DuI/GQQyPhrFCVha5lBKUgGuVrNERJwXq3XUcDO6bdxyUVRVXo+U0qtN2ISbA/TZgnQ+giiziwM7LqxRVylOYXvD9L7ahrz+qV4lGQRSHKUOLCmyREOTja7SkRSQ/VufL2EeHv+WP/P/RiviBRgVfWfu6v/X1wteuPzSL/0Sv/Ebv8EHP/hBnnvuOX75l3+Z//Af/gMf+MAHsmN++Zd/mV/91V/lgx/8II8++ijT09Pcfffd9Hq97Jj3v//9fOITn+BjH/sYDz74IP1+nze+8Y1E0c4r/573vIennnqK++67j/vuu4+nnnqK7/u+7/uW7/Pxhs9D6w2ccMidsyUO1nMSDKgb7K3kuGfRZtN1aXp9GXkoJmEc8Y4DdZpuwMOrAoVzBz6NQcDD6z5rg5hJW2d/Pc/FTshKb4gfiSW6aIrN+qaZEnqqxwB4yYx86E0UDKI4yQIYu22PVy5W+fqKwO9+8PoJbpwucnRMJ4oTltZ6RFHMrqlilmasqAqBE/CLD19hGCXZiOqBZzcFgx/4XDM2xnctVnnVrkleNrsHW1d4zWKZM+2Qh1f6XF0XYacTDpkt1hizTC73tlnuN/FjObv/3IUufT/ibDvk6U2HjiePdbYgSc5hHKGrJrqi4gTDNBm6S9ProyoKh2uTqIqCE/o4aVfG1k2qps3eSpFKTkS4fT/iayseHz7Z4SPPNPjYc9t89PgGN82UOFLXMTU1dbAKI8XUFJ5pOFzuBjy27hIlCbdMl1mo5Pjnd8zx5gNVGk5AlIjl+OTLD/KWXz/Laxd2YWkKB2o6MwWVxzYC7rt0SlrnpkYUxRiaStMNOdd0swgF3dKp2yZ7qhamJnbpg2M2+2p57txXZ7Kc4+mGx5GJAuO2QWPgE8QwnhKMDRXG8yqNQcCBqkHRUNldNjjXkvDEA1UdS1MwVZ0bJnOMWyr7KjoHajo3T5nMFzUWyjpXjdus9QPqlsq+qs6+is5LpiYYhlL0eFGCH4d4UcCjv/8qjn/olTy2+QRFw+Jt+6/FVC1unT6CFwXMFacoGHmaJYvHNx+U120YczrXpbi3wrCTuomApN8hCUOS5hZ4XRJvKP8G0aCM1yQFen5a5lK6BvNTKHPjMkqKE5JmV3QtgFoXbL42I4RUfaYo44e+QzIIxHWz0hInUkqk1WeKqFNltPG8jHVsIzvrVywt44+otoGxpyr3beScSTUdSipQVQwpiBRDFfBZLKGHkmAt443RGOr5m6nYnkXTEW25jF5cbaaIOp4Xym5Kws02/CiR4iP9PVr6e+O2dHDCpS5xeygdGFU6JYqkvWaFgjYrkQNoigRUVnKSX9T3U6CcEHnVkplFGyiWnhUQSZyg6NoORTfe0eRkOUSjLo2qSKGoCoFYG0+dWHGcpXwDOyMxdrKO4vZwJ0hRkw5M7EmHUkmz0Ei/L6nYEtyo76lkwZMjvdMI3Beu7uwbL66/G+sFL1yOHTvGm9/8Zt7whjewuLjI29/+du655x4ee+wxQLotv/Zrv8ZP//RP87a3vY1rrrmG3/u938NxHH7/938fgE6nw4c+9CF+5Vd+hde85jXccMMNfOQjH+HEiRN84QtfAOC5557jvvvu43d+53e4/fbbuf322/nt3/5tPvOZz3D69Olv6T7fMGmy1AszwNg7D+zm2vFxLM1gEASMWSazhSLnOk26vkuY+FlX4Jfu2kPR1HjN7iI37a7ihjHLPZ9feWiNy50hJzYHaKqS6VZmigaPrPZY6Q15fK2HZmrcMlfGDSPOt33qKfdjTzWPlf5bt0Sv8L9dXQXgq1cGfPzUFv/m85ep5w3efvMcbstlvTdkOPC5cbqEqqvcsCjH/9GpNtNFk1ccGmdioiBBkNvb3L/UIIxj1p02qiLguJqlUs+pfN/VVeaLdZ7ZvsKz21voisa4VaLlxfSDkLPtDd62v8Y9e8r871dP4UcxbhjxjcttHj6zxZONDmEcpR0WB1PTWe43udDpM5kXkfLqoIWuyJ+gE8iHnK1L0ejHEa2h801E2pXekBunbP7B9ZNUcjq76zZv21/jwRWXR1a7nGhIkGXfj1jqDFko5/jKkli1hxH8ymNrTNiSN6WqCgtpkvXRcYP2cIDxKz/K9U+u8ZKpCeYKBY43pNv1oaebvO+GKeJQNih34BNFMY4n1ncvjJkqmPhxnIUzXj9TouOJA+hVCzY3zZS42PZougFHxwwmCqJHeXRjyLPbAf0goeMnfNfeIg+uegRxQhAnzJdNnDDhGysOJ7YDnm0OiBKwDYV+EHOpEzJtF7E0gyBKWChpjNsGTpiw0o/SLopOzdLwooCqaTJfrDOeL7GrKFZ0ANvI0XC2WBusoiABo5+79CxREvL45nEeWl8lThI2nZgPP3cO6/ZdaCMXnGEJnyWMUEpFks1tWN+C1YZ0ZLbaEIbQ7klGUdEW8Fy1LEVN0ZbrTtYBCC9uS2ehXBDdSyntBhSMnSTgOJZxhC+p0XE6qkn6rohDvXAnDdrOZWOd0RgjXO4RpaMW/7ntVAeSjjrSDTjeckRgG0nSc8YOCSK0mWJqkzZRbem2CAslTPOQxO4bNUbjH18Etz3pFGRi2WEkXYhSyjZJRzBKqrdR0w062nKlkLI02fx7QfaYFUsj2nDSTk1A3PGyEY5iGzImihMp/gy5fhLEkkuUjmvijoilYzdAm5TCJ3le8TJKj1aLZiYkVkuG0IUtfQeYB6m1WZVR1aiYG0H9CmnoY+o6GnVStLqVCYMVS5ek8EouowmPrq/V81KUjW4Ddgqev+0VxS/M5cX1ba8XvHC58847+eIXv8iZM4I4P378OA8++CDf9V3fBcDFixdZX1/nnnvuya6Ty+W46667+MY3vgHA448/ThAE33TM7Ows11xzTXbMsWPHqFQq3Hrrrdkxt912G5VKJTvmL67hcEi32/2mC8CTm7Kx2XqOhdKYCBo1nX4wZKYgYtWu73CwOoap6ZxprXGpu4UbBjy60WZPVT78X7enyDsOy4dv3RYK7nTBZKU7ZK3jcdN0nqc3HSZsg0NjNn4k9NX7zjd5+UKFdx+ucuu0iRvE5HWVoqExVpPE5vsvtvnyFZemG/L45TZxGGMWTR481eD+C82sw/LS/WP4ccwNc2WabsjJzT5LjQErHY+lzpBbZkv82dk25zsRixWN5lA+EDadDnEirqMDNZ3mMOHxxgrVXIGOL1qfspnHUBX+8FSXlX7EhU6fO2arPLzewo8SFsoWSZwwM1WinlMZz5c4vrWOqqjoqoalm5zvRBlVd23Q5f4rKzy+uYWuavhxiB+HrA5ahHGEoap8dcXj9LbDTdN5rp8U1smz2yJm3V/PszIY8NRGn7yuUsnpDDoecZKgqXBspcuhsTxRnLCvonFys8+husnJLeli7K/neXLT46mGz8XuNt9Y+xobd95E2cyjKiovn7Nophvlo2sO1YKJoipopkaY2pvPtVxURWG15dLt+zy3NSBvqOyrWXSGIUVTY20Qs973edViha9f6fDJc11ObPZ5asPF0qXjcvOUST2nsuXFfG2py1euOFw/YdL2IixNYaJgoopphEpOYaGkMVfU2FfVudDp4UUBW15M3084XNNTem7El684fPzcMovlCeaLdRbLEziBT9W0WShNYekm03YVJxjSD4Z4UcCHTz3J6qDNdMFktd/CCYZcOz6Orqqc2nZFK3N4D+Ubp2A+dRpFqTBUS/Utk3Wh4+qaXLbaonE5tyRFzfIGydNnSJbWodkh6Q6kyLEt9KtmoJgHx03TnweEFzvE7SHRhoM6URSI3FQB//RWaquVTTPaGECUMDzRyDbzaLVL0vNTC7ME9gHp5qmI5mTczlw3SlqQJUGcbpASyqjYxk66cU+gdoqtEy4L/j9zIY0KjmpOhK/PKwDCtX5m8dVmixklFkNF31NBmy0QtdzsNoAsSylaG+ykPaej97jppYVIlDlWlJwugLmmm7JZYilutlyUvJF1ahRLz/KCJF06tZSbRtZNUqv2zuPWlEy0rE2XZGyU03dsy6OYhdSqPbrf+nxRRlNp9tJoJcNwR7OSXk8tmWg16UahqvKaTYkAXJ8vpdlR4tgaFTaK/Z0pXL5tfUt6eXF9++sFL1x+4id+gne/+90cPnwYwzC44YYbeP/738+73/1uANbX1wGYmpr6putNTU1lP1tfX8c0TWq12l95zOTk5F/6/ZOTk9kxf3H94i/+YqaHqVQq7Nq1C5D30lv31ZkuVHBCP4VzeXihT9GwMjCauF/EObQ66LM2iFnqRczYKs81A7bcmBsm83zP4Ro/essEbhjzxLp0Vw5MFNh0IhbKOZpuyHrfZ6Pt4XWkcJgravhRyN5yjYql0w8ibpmTFOGipXPTTIlrxk1et69OpZxDNzQWqqKhcP2IqekSr7xqgqYbsN73Ob3tsNxyec/RSYpFk2FvSN5QOdcScN7ZpsfDaz62ruKEMV3f5fW7d2Xp2DdOFFnpRfhRyP6qxeqgRZxIkvONUzZfveKw1Ivo+g4LJfnguH3WwsjpuGFEL0i41G2wq1jiqyuXURWFcatIxVS40OnjxxE9P+FMK+DoeBVLFydRP/AoGhaPbfQ43vA52Rjw07dP0kldD1++4mZAvElb5zefajJdkPHCheUOcRQTOAGdYcSEbbDS9dlfz7PlyvXvv9il6QV86myLc003oxYv9yO6vsv5zkXOtNfRVZWr6mNULJ163iCvq0zYBoamomkqe6dLVPIGPScgimL8gU+U5let931sXaztt86WyOkKB+oWTS9itpTj9LZLlOqTNEXGN5tOhKpI4SihjPAHp3pECRzfdKmYCsMI6jmFMcuk7yec2JKN4sR2QJQkvGFxgdfunmSmoHOgmuMV8wV2V+S56fsetm5i6QYLpSkquSIxMRP5Cl9evsSF7ibPbG/z6MYGS72Ixzc73HuxjxP6jOdLbHk9DlQXuG4yj60rJI+fks3TcTMgnVKW96syOSGdlHYvszhjWzA7Ifbnkd4tTlB0lWS7J+C5MBLrc7MrbqKijZo3UKs2xr4q2nwVY28NfHGuxE1vR1NiaZJ3lOo+lDQsUq3msve/YunCIhkEaDXBxau2kZ7VD9B3l8UWHIsNWNKT4yyQMNoYEG25WXdECgIdfb4o46C6lXYadIHd1fIC5EthdpCyWaJEEP6rfdGXjAsUL1zqkngR+mRBoHDpyASQ3wEpKVdgd9psAW2+JI8zLZRGuT4g3YkkTrLOhFoyiLvCZRklYo9IwqOU6bjnE7f6EnZoaSRemkulS3dJtDIWcc/NxL2KpkAqiFZURRxdKUtGxLo7YZJqJYdaNEX8HMTEfV90PUGad5RmRInVOhYruBdlIEDJZAokUDMNvVTz3xlx7ovrf531gtuh//AP/5CPfOQj/P7v/z5XX301Tz31FO9///uZnZ3lve99b3bcCJc+WkmS/KXv/cX1F4/5bx3/V93Ov/yX/5If+ZEfyf7f7XbZtWsXr5y3WR30iZOY061+CpXrs1AaJ04SioZFP/A412nyxNl1bp8xsXWFjiIFx0xB5baZKnEqQHXCIZP5PJWc2Ao3Bj5HJmqp6yNkrixdldEo6Lv219EUKBoWs8Ua/+iozRs//hhRnLC/lufIeI4Hl/tcP2Fy/YTBjZOT/NHpDjdMFXh2Sz6gn9kcSGpxKFyWKAbfkOr+0JjNI02Xld6QgR9h6ZJW3BmGdPyIYZgwmQddVfm/HtvifUfrnG0P+NyFLhtuzLilslDW+PzSFfZVZAwRJQlzRY3HNobcMp3n5qkc913sU8npHJmw+dhzLV61O8KLEr58uUPJVLiqNo0TSpEAXRZKNku9kFPNNjdOTnG+08CLEuIYapaKbSi886oaD6/7PNNwuNj2MJ/n5Pj46W1umZURzNsO1tjYVeFPj6/jD3wmpoo03ZBmx6NZNDm2LGLnpa58qM+lGT8nGwP8KOGpDXjT/oRbpyX8ccPpcnRsnpumC3xlqctKL2KulGO6YFKxNJY6Q7rDkMAJCNxA9EjDkIPzZfK6xp+c2ubuvXVunjL40pUhj6xK5lU9L7qk1yyWudKTwuNS22OmUMDSFdYGEfcslnl2e8jFtkfR1DjXlAiBN+yv8lQjYLaYY6Ygf1/SBfM534koGduESYSqqPQD0SANI3EnnWq1odUmiBOGUUJOU+j4CUGUcKo55HsOi1hzy42ZzKtM2io9X+X4Vp87ZiwszWD6d77Ie77vJo6Wrye59HHRfniSY5T0e6I30U2S0JfuymRdvobsOItGwLl6BWVVUqIVgO5ANBahbLKJG6DEMdHmAG2yQBLGMjpa3xYdjOejLdTBcaWYSEMDw+Ue5sE6atolUAwNpaRmzJW472d4/RG0TY13gGeKphAPQ9RSXkIFbUO6I3VLmDBOQHixg767TNT0MMdt4l4CRFIQmCqKrWcakiRO3UepoynaclLHjwQYqpUc/sU2+lRBrpPTMhs0kLFbotSJNHJMJUEswte0y5GkwtgkkC5uMgjlOpWcJDc3XKEG+3FGqk0GI51K2rHQRU8ySmhWDE3uq2mQpCM5gKTvpmwWTSzW6UhIKZngx9J16vlgaKil5xUVsXBiiCW1Wy2aElWQdrFQVcLLbYk0KJpyn2eLUpCtDp5nSdekyPGlsIxGULy/7fVCcFhe5Li8IOsFL1x+/Md/nJ/8yZ/k7//9vw/A0aNHuXz5Mr/4i7/Ie9/7XqanpwHpmMzMzGTX29zczLow09PT+L5Pq9X6pq7L5uYmL33pS7NjNjY2/tLvbzQaf6mbM1q5XI5cLveXvn+hMyQwDU5sdVAV2FfRWeqFzBYiNl0ZJ3X8iJVexJG6QWeYUDJhdzlH1w9YLNVwQtkQdVVjy40YRgNeuSuHH9W598QG5ZzGQ8tdXrG7Qk4TEWkQFzkyZnC8EfD5i31unqyz2m8xni9x994aB2vGKLeM1+wusqdsUzRyWLrJn57p8o3lHpoKTTdk3DY4s9GnXDRZ78uVjk4WuO+8RBnols7r99X4zNlmmjYcYGoqf3y6y75anuawh65qFE2NY6se7zwkYLDzLZetnM54Ps+mE2OoIW/YM8a+Spv7Lg64fc7m/iUHPxJmzEIlR15Xqef1bPN2Q3HGFIxtxvPSnfr8hQ7//mVFhhF86OkmncMJnWFMx094+ZzJnnyZZ7c7AtsraJxpKgRRzHTBou9HtLyAfbU88yWTr11ssVAe40LH5fqFCk9eanNl2+Ga2TJ//6o6Tpjw9FIbRVUYphbmdQXqeYMrG33JHVIV9lUlU0lFoaCbrDsd7l6oUTIUHluX3KimF3ClK12ywAmkUFYVFFVharokxaMfoagKdy/YFA2Lo+MxJbPKFy+1M0t8lCSUcxqPrva5Z0+Z002fck5jywl4ybTFet8X+KFhcmjMpu9HzBU1bp7KZdC+abvKvZc2qedUbF3hs5e6FA2Fl80WeHjdJ05gve8zmRehbhAn2IbK2VbI0XGdE1uSPTVuGzSHPvurZYpmn/PtkKVuhG2o/MviPFzp8UtGj1f2fI7mD5Pc/ymoltCO7EOx8pJlZHoodlViAbxUlNnuSaFiS1EkjqIitLtSoFRL6Ru7KZ0YxxNNy0QFvCHRchuQFn3c81EurEtXYOhIIvL0mFw/HkiCtBEKYbUnuouo5aHGSbbhyijCQFkoE632JZ244YgLyQuJ0t8jQYrbIpBNNSdRymBJ0nGGktNQMYm2HLSpgoyK4gQGYarXEA3OqFsTp04lUuT9aLSEoWKkI5AktUxHGw5xy8O8eiwbQ+m7y0QNJy2eJEeIVHujGGqWeJ3lEVVFi6MUdBiIDmSnIFGzY2MnIGm66LtrJM4QbcwWF1HBQDF1Ej8k7rngxyglE9UyiTZEDDt6bhIvEmEzSOGmqpA+Z4qhZiMv1daJGult58js2SNLOEGENlXIogSIJZ9IreQyC/mIsRP1fWCY5TN9R9aL5Nz/ZdYLPipyHEfi1J+3NE3L7NB79uxhenqa+++/P/u57/t85StfyYqSm266CcMwvumYtbU1nnnmmeyY22+/nU6nwyOPPJId8/DDD9PpdLJjvpW16cbMFTVONBy+vuqxUNJ5qtHgy8sD7r3Y53MXBmy4Mce3Ar6+6nG+HVI0LII44b7Lmxxb63KlN2Db66NJqCydYSJCUF3l3nNNml7qvPGlY7FY1nli02fbDankND5+vsGm26Hp9dEU0TFM5VXGLTUdSzlp7s8Wbz1Qop7Xaboh2y2XjbZspn6U8Lp9dfZULfwowdQUTE1B1VX++NkGrh+x3XKZsA1ObPbp+xFntl0udgIu97rU8wYLZYNzbY8bZ4qZ4+lPTneYKagslk2+sdbilukZbp+zWe5HPLjUoZrT2F0xWeoMmS5Ix+dVizUWShrdvs+fnW1jqjp7KzkK6Qfn8a0ez245NJyADz66zrmWaFf+9Eyff/yFc/zuiW3Ot32WehH9tFN0frWLpsJiVcIvL7QFof+pc31WekLNNWyDctFkqevx8JrD7z6yyttvmEFPhYjhMMSPJBBSt3RCTwq/U80AU9Op5gpsOBII6YRD9lVldHex7eJHCaEXEvkR8xMFjLxBabLINXvrtHpDHC/k9l0VPnj3bhZKY9i6ya3T08wVNTrDiIttj/WBzxcudfn8hRZuGHG25VOzNK50hjTdkM4woWhqmJqa4vw1jk4WON8JObHl8+mLHcppXELRVDMhrq0rXGwP+c2nt+Q1bbt0hiHPbnmcbYXM2DZbbsx4Po1NyKlM2cKK+fIVl0c2ROf02t1TTNkqP3V6wJNv/gjdDz3MT970Ljmjf+LrUoAUU1Cc50LoC0FX1YXnMrkrtUFLZwVfRLQsrYvGpdmVoiZMHYKqSrLWlLP3ii3FjqqiViy0yYLoViDVVwiJNRmGhMeXiC5tSQ7RQND3SslErVtySQmzSuqiUSvpKGVtIBulIaJWLeWIjLou0ZroZJScviMCDWL0uZJs/iUJMFTTBOq46abZR2JnHjmZ1HTsJC6ltNCYsNPx0E5iNVGCVsvLmCRNq1ZrliD0UxR/mALyRkLVcLknYYYt6TglKewt8SKiUTCjpUtHJWXVKCWTcFPAc8lAyM8j2m3S87KulARPulnq8kjcC5B4qTU7HYklcZJFBRAlWQcncYIskBEzjROwDfTd5UzIrIxykmKxPWNoMm5KxbajzCNtIo82s8NuiXs++LE8hxVrB7z34vo7s17wwuVNb3oT//7f/3s++9nPcunSJT7xiU/wq7/6q7z1rW8FZLzz/ve/n1/4hV/gE5/4BM888wzve9/7sG2b97znPQBUKhV+4Ad+gB/90R/li1/8Ik8++STf+73fy9GjR3nNa14DwFVXXcXrXvc6fvAHf5CHHnqIhx56iB/8wR/kjW98I4cOHfqW7vPxxpBbp032VnK8YW8JU1M43wk4sR1yNlWzu2HMlc6QxsCn44V8Y3XAN1ZbPLzms+FEzBQ0DtXqlAyLuaJNJafS8WNumMzxzuunGXQ8NAUutl02+j4LJZ1NJ+KLFzuZE+VwTcdUddpDh5dMmeR1yRcabUrjeY2iYXGwOsOds7t4y/6S6C5sgyg9y18o57h1xmS6KOJgP0o4s9Hnp++YkflzKBySk1uOUHmDmM4wZMrWmLByvGzexlAVvrQ0YMsJiGKB4hVNjUlb40JnyDBMuPfiCodqOQ7XdH7uzhkWShrbbsREweDImEElp+FHMQ8uD7htsUbR1PijM03WBz5Xuj6aqvCnp9usdP2Mcnt622W97/PIao+BH/Gm/TXWU46NHyVM2CbvuGmWI+MFLrU9Gk7A7oqMbsRuHqMpCpaucv1UkShOeOhUA0WVdOh/evMUR/fUUDUVTVV479UVbl2okiuYRDE4YcK0XcXUdP7gVIdN1+FPz3Z54IrH3Ysl9lTz+CN6qCoJ4IvjBfbX85zbdijYBm+9epJrJ6TD0PVd7l/a5Hhjg6cbw4xX5keSDh3F4pg6ve1wfGNAlIhgOIgTTE1lumBSzkkXTFMVnm24bHkxK90hTjDk2W0BCjphwoX2kJql4kdJeoklhmFPidmSmTJ5xigZ8lzMFFTmi8L3mbHFer2vovHlKy5fWNrgH8/czJd+5FH23jlF+ftuJHnmq+ivPIqyuAvmp1HmdsnGFsckvQ7JYEDS3SRpb0BfbNBKqbjTbZkel3+nmpek3ZcCRddlXJQ3RAOjqlBP3UbsWGq1qRL6nroIR0eFiW2kAlEpDOKOUFWD863UnZLae1OtxyjcT5sSdssouC/x0qiAdBykzRRQbJ2o5WYdiiSICJa6UvBEScaI0cZt4l4gG66lZ52OUXBh3B5m0LqRvkUtmiRxjHGwJmOW0QhFU6TwquSIW54ECaYF1ygEUq3kstyiEXNGsTT0maI4mpwAbSJ13qR6kyyioD3MtCVKQU+dQ6LTUXJiF4/We1KUlEziTkpAjtMQyi1HxnlRktqX1ey9oBhqFpJIapOOvYjYCbMog1FhNbpvo5Wkmp+RhiZ2BMCHoUqSdZSg1fNoE3kp5jQly1MK175zydCjkMVv9/K3tf4mXLP3ve99KIryTZfbbrvtm4756zDVvtPrBS9cPvCBD/D2t7+dH/7hH+aqq67ix37sx/ihH/ohfv7nfz475v/8P/9P3v/+9/PDP/zD3HzzzaysrPDnf/7nlEql7Jj/9J/+E295y1t45zvfyR133IFt23z6059G03YU5B/96Ec5evQo99xzD/fccw/XXnstH/7wh7/l++yGMR871eGPTnc4tupx7bjJQ6subhBxz6J8AE3YBv0gkhTkJOFi2+PPL0ly8v6qwUtn5tlb2cV0ocLJZp8ogatqeeIk4eiYQbkqH+CaqnDVmFBPgxj21/NMF02unxLHDkDZzDNhm7hhQE5TaQ5jrpswWSiNEybSBQjjiJdMzfHq3SVCL0TVVSI/4sxGn92lMseWuzy+1iNvqBg5nb2VIoamctVMib9/zSQ3TRfR0nHJQjmHpih86kKXzjDmodUBTTfkwcvtzLETJQmPbfh8aWnAmdaQpxseX152+K2nthlGIbvLOR640OTaSZsHV4ZULJ1rxk3mSjlmSyb/+rbdnNxy+JMzXR661OL7j9aZsI0U0a8zV5EOSl5XCdIcoDtmy1wzWeDZ9R55XWWp7bLa86nl9ew1+eLFDpqikNdV3DBmfeBz+3yFW2fy9LrSvh/2htx/sc2ZVsAb95UZH7N5++ExjjckmfmmmRKNtst3pfbxru+yv5bnT073eOBCk0dWeoxbKvvreTRNRTM1VF1luz/kStfj2Ssd8qbGO68a41Ont1hzYi53hzyx2WJfVWdtIH83c6UcUZJQyems93281F69ULE43xIN0sk0pHFUrIyEzx0vJK+rrPZ8+kHE75zYZq4ot10xJSX6s+c63DydT2nL8tZe6UdM2hozhTwXOpvMFW2COGHGrojlOpKsrfG8HH/HrMXDaw5Xvu8/MzkB5dfvRdm3B2V2EWV6D9TmUcZF1K4UKyjFCpgGSqEgHZQ4Jnn6DGy1Jb9oeWOHojteFez/7ARKvSyFT7OzA6ZLowCIU/JrIYc6U0U/MCkjpjgRYa6uoZbyqFPlTCir6KpYj1UJ9BuJOkE2bBGHimhXSzknxmJFRg+jDkYgFFl9d03cLePiZhmNhwhSuJ0TEo5CE52dnBwBq+kZQG1kCUZTUEsCdos7UsgkaWaSvySdFBixZlIR70yBpB+kBYObjZIUSxOoXTHVoqQFAaRW4fS2orW+FBfPo9Zq9XxWCCZelOluRsnPqJIxFHeEGTPSuMiNS4cqCaPUCm1mjxlAreXl9SpbxF0PpWBIp2Q8n456vIyjQyBjJyATOCuGRnCuJcek1mrV0rKuWHCulUUmjEZLSkrg/Y6Jc5N4Jz7hb3pJ/vbs0H9TrtnrXvc61tbWssu99977TT//6zDVvtNLSf4OM4i73S6VSoW9H3wTd+wfo+mG3L1YYF+lwKRdxlR1nNCnH3g8cKWJEyas9QNmigantl0ag4Cfv3MXs4Ua1VyZU60lntnuseXGvHRGLH5+HPLxs33GbZ1Pn23iBxF/7/AE632fq8ZybDgRswWdo+MGB6szLPW2aKQagc4wkY0pp3L9eEEItHHEie0+N0xUWCiNsdxv8hvH13hopctUwcTUVP7vVx/hJ752mryusj7waboBh8Zsnlzpcs+BsRS8lvDPbpjmn33xIqamcvt8GT9KeOBCE01TuXtvjQcutfHcgKmqRdMNOTRmM1cy+cLFFrMlCRrseyF376tzruVyYcvh8FQRP4rpeBEVS4jA00WTCdtgsWJwpjlkpefzM7fPcb4z4Lee2uaVixU+fbbJobE8+2p5vnSpzSsXq3z3fhFHf//nznD7fBlNEfvxak+en1cu1jjZkE7FTTMl7r/Qomhq/LObJgjihE+c7fLslQ7+wMdKQ+L+8W2z/NqXLvPSQxP8w+sm2fJcjq35fOLpdf75HXPcvTDL8a11fu3RLfbX86z3fYqmRtMN+Je3TfKfn2rSGAT4ccyhus0T63I2HTgBmqkROAH1cZvvOTLGTEHjxHbAnbM5zndCTm5LZlIUizC66YbsqUq4ZtMNcMOYoqFxaMxmsqBjqArDKKE7jFjqDnGDmJfOlygaCg+vDfjh6yboBT5PNQKaXsTJhkPeEPeTHyWs9Ia8ZLbEm/ZU2XQdxq08m65LNWew2h+yWC7wRKPPwaqOrmocW3OxNIV/d+A2Hrv9l9h3xyTVf/VdKLuuBq8vZFzfgXxVuir5soyHfAd0E9wuiSu4fvxAbM9hJAVK3xVdi6rC/gXRuZiGsF7KBfB8orUO2i7BCSTdAYppyHXsvAQ6WiaYBvF6G3X/rKRCX9mUN3OU7LBavAgCcaLEfT9LH9bnSwJBc8Js01NsI0s+hp3so6gzFPjchE1wsY1Wk00/7gzR54vpz7VMYDpKX1bttNPQGUryc5parVgCrdMXymLTTkMCs6BGTZVxSJwQnGtnNOBgrY+5pyp27LSQ0CbyWSZQ5hiyDSn2RgWG9zzGyQgcpylZ0RE3pciLnQB9tkjcdMWlMwjTqIRIipCBvNfUgmQefZNLKZ9ydUbJz4BaK8prHu4kdAPfnHOU/j/acGT8mAp7R/+Xn8eZ0ytc7omYN7WRE8Q7oZuaQqftMfkzn6HT6VAul1+IreGb1mifaPzCmyhb316R1PUCJn7q0y/4fX3uuec4cuQIDz30UIYIeeihh7j99ts5derUf3cK8b73vY92u80nP/nJ/+bPO50OExMTfPjDH+Zd73oXAKurq+zatYt7772X1772tS/YY/hW1otZRcBtc2VObAq8bFcpx6RdRlcEVd/1XT5zcTsN3lNxg5gn1weca0q44clmn+awz6XuGtuew9ogZl9Fp+37tH2fabvK4bq4kCbSkc5XLrep5DQudQL2VAyKpoIXSQjhcy2XtUGMpclZcD9I2HIjdFWlbhVYcxzmixqL5fEsyfnv7S8ShzEbA/kQ/PraKjdN2yxWc6l12GCpM6RkGxxb6eKGUlj8x8fWeO2+OkcnC7xql8Wx5Q43zZbZX89zetsheF4CsakpEhvgiCgWZMx0dLrII6s9LmxJVs+IEKyp8vPpVGtycmvAvefbvGze5p49ZX7h4RXuvzRgfz3Ply512F+TXKF6Tjow371/nEc3WnxlucVP3jaFG8Q8cGaLvh/htlzclstSx5ORStGk70e8/yVTvHKxiqUr7Crl+Gc3TpArmOjpjD7yIz57rkMSJzS9gPOdAefbIY2BT71i8cDlPrqi8V+fEUHz7orJpa0BS12P1ZbLv35wnXceEmz/wI9oeoHkECkKe6dLRH6EbukcnSjgRQmfPNdjtefz+csuFzvyYV+39Ex/5LsikD7dGNDo+1mu0lLXwwkS9pQ1jtTlg7IxCJgrmTy82mOYtps/eqpFZxhzx6zNTZMmeUOl6Qaca7pEcUJeVxn4EY9t9pgtlDA1nQ0n4kJ61i2sHOgFMSebQ6Zs6e6d+3u/QrEI1e+9DmVitzBaRmebVhmGfQlb7G9Bb1MKl7R4UeozkllUrsl4qF6Rbkl65h5tDogePiWbm+NJUeN44AdCydVTrL2qkPhpVs1mR4oL0wDHQy1bRM8tS9Aj6aaaFi3RhiOjlIqVnsmrYm+eyBMsdQkudjKYmf90Q/guDTcTeI60HNpESoNNk5RHG6pi6zuOmFGWUCDFQNRwpPuRdkZGqdBKyi/R50vigEot2nHPR5uwMXaXSaI468YAom0BtHSzFhBeesxqf0d/M0jjCGwjs2iP3FEShiiiVzRF4glSVo1asdJOkJl9Dio5OT5qSocn2nZQ85LInbgBSZhC+no+ySAkdoPM7qwYmnQ+woi47UhBk74mSt5ALVvSHfJCFF0ExKNxmmIbUljOFOW4Echu3BaXUlG6XcpodJQ+NiUtxEZMm/83rb/IExsOh//jK/0V62/CNRutL3/5y0xOTnLw4EF+8Ad/kM3Nzexnfx2m2v+M9WI6NDBpa3z30RkeWXcYBAHrgw4PrvZ4+4F5TFXjixc7tLyAgqmxpyqulgnbxI9ijjd85ooCZOv5kgmz4cY8vu5y22weTWmiqgrrg4CFco7VNAn42EqXKE44XB9noaKz5cYs95tsOjEPr/Z43d4KfT/mzlmTpV7Ex05vc6jewwsTSqaCE/h0fZevrbS43A3wBz56TmdFGfKVKw5NL2ShLA6fuVIOP4pT4adsoHctlHh83eH4Rp+3HawSxJDXNSqWzmI1R8VU+bqmUjRlVFE0NQ7W8zyx3qfphsyVcpntutUb8sr9Y3x1qc3Al4TrCdtkrmRyse1xdKJAZxhRz+v88ek2pqZydrXH4bkyE7bBG/ZXObklVuffePAKhxYqaUq0wtc3HbbKOfw4ZtgbshWK3XPvfIUjEwXuv9CkaObpDEO+vDTg+4/WKRoW59pdLnVDfvSWKX7p66skccKNe2v0U+bNm/ZX+P2TbUxNCspXLlYpGQpxErPUHVI0NJ5cH/Cag+Pi8CmYqXC4yx3zRTpDYfEUKha3z5WJkoTzq13iMObqcYstTz5M58smF1pD/DimbkmA54St85o9VS61U8tzWuysp4WnHyXsqeic70Q4YcI14yZVq8Jja33cdCwwGjd9+NkhP3R9neYwoW7pmJpobyqWTtOTMca+ioYXBjjhkL6f4EUx80WNp7ddSobCE5uB7G8xvHzORFUVavuqKEevAdOWokXTwetC6IFpC9b9eRuGoqgkjQbKWI2k1886Jcr0DIQeiWlA30EzO8TNgdioR3wXx5MRUrcvxcnIeZG6bBTTILF8gdSRUmiDiLg5kE29VkRJN0qtZqEUjG8CssU9X3KJghh1f3UnzG+qkDl5FENSnEcjDCWl5GZL19POhUG41peNuirI+ZF9d/Q1sRPpzgQeSS/OXEQjUJ5q6yQTUgjFTQ/FsFMonNB544YrAZSdoWzqTiCC3aIJhtiNtYk8/jNbWdpznHaIlDQHaEShBUQX0hug2GkA5WxZisP09ZPgxQCQzpNqG+LSUgMpQKKEqOlh7B8DX0Ibk4FkSSXshEnGQYBaSTsSoy6MoZKEkWhjEPR/7AaoVVuAd06AOm7LYwMplmwjIwQrBR3NypPYopWJHYHWKbYhHZn5Epz59jb9v+56IQByo+uPGGKj9W/+zb/hZ3/2Z//Gt/s34ZoBvP71r+cd73gHu3fv5uLFi/zMz/wMr3rVq3j88cfJ5XJ/Laba/4z1YuECXDeRo+H43Hu+zUtndlE28/SCLn94ZpmlrowK3NQB0fEiOsOQo5M7m9cTmzolQ2G5L0XBqGU/U9BY6kWMWyrGmMmmE1PPj0nnYhBwruUyV9LoDBOuqldwgiGHazo1q0LJUJgvGmw4MRuOjAruP9+kmJ6xXzPWZttz+N2nGyxUchh5sfQOB8Jy2VO1OL0tNuWrxnJ88kyLzc0+1TGbZy63uXtR4HYX2y6/+sh6Ng/3o5hHV12OTNi8bL7I4bqOnEQm/Ndn2vhp7tEI3Ha66XDjrgqH6ybrA5uTK13y1TwVS+PHbt5DezjA1nOc7TQ53ghS7L3PWC1P3494xUKJN+2d4+TYBh98YpvpySJnlrt8smxxcmtAPW9w/4UmAJNzZXpOwO66zZnLLdb7Apdrpp2LPVWDT57r8opdAT/35WUUVeHn7prj1fvHONeU0d5CxUJTRBj8Q9fX+ePT3WzKULNUVgdt9tfyzJVM7j2xwXTR5MSyiGDrFYu5ksmZ5pAJ22RC2GfMFA0Wyxqntwusbg5YG0QsdT3cQMTCACtd0bhULJ04kWI5SnJMFAzhzXghUQwrzpCbpkv00pDLtUFEZ5hwsKpzuWNmQLn1vo+pqbhhyKfO9bllJs/+Wo6lruh2Jm0dyOOGMcfWfG6dhjOtkLmihhMKx8WLErwowdaVNCtJ45ap/cBXKUwXIExDEwNhtVCaBLcLqi4BirpJsrUOpkEy6IE3JLmyKk+KnYfNbZI4zStSFeG8XHMA9dLKju5ldVP+3e1LMZPqWwBxGAFUSyjrW5K4nNNQannRWjiBnMV3HMKNAcbeuhQfcfJN5FfgL/EztAmBz4UbA1RbAhGTIMZcKBOcb6NYAkwTdL5KeKWdFjxRFu43svuObMVEiViwKznpatQtsW2P7L1+TKIlRB0RqcZbLvpCWazEOT0bB6mVnDwOSxfnkBNgzAgtOOz7KKpKeKEjnZsoyXQrSk6OD9Lrqra+Y99+nrU7bvQzkfHI7ZPxViTwi3gwlE6WH5L4Ij5OPF8EuqM4grQQUyriMFPiWKIbDA0MuS0lBcphxNIZGcr9jHtu6tAy0yiEkQtKydKgtXpe4H2mbPhKQUdNuy1JzxfNTjrq+o6sF5DjcuXKlW8aFf23MB0AP/uzP8vP/dzP/ZU3+eijjwLfOtcMyMY/ANdccw0333wzu3fv5rOf/Sxve9vb/rvX++tw1/4214uFC3CkNodvhuyvDfjGWo/3HZnmzXsDVEXhp752iSPjNle6HleNFzi97aSdhoSiofH2QyWm7SJfX5VOwsW2y9HJAi+ZMpkvlqmaEh+gKirn2l06voTjnWrq/Ovb99MeOoRxhKnqhFpE0fRZGySAwMi8MOHJ9QF9P8I0NNwgxg1itj2HJzYDKjkdTVEyV1ESJzy11mOuIrh61494dM3hrt1VPt5yaW87KIrCbz3V4K6FCnfuqnD/+SamoXHnrgqPrHbpe6EUPEdq3DS5iBP46KrKhJXjPx9vZF2K9b7PnqqFG0rYoqaK9Xuz6fBTt09gaQaXugMWy3C+HRLEsNobUs7pKe9FYzPtNC2WauypDjhcz/FbXY8HzmxRr1jsr+V5bq3HvskCZ1d7hMOQfjFHebyAO/B59oqPYRtYuspbDlY4vjkkp0HBNnjnVWNsuDE3T+VougF9P8rExnld5XhDvtd0Q5pugK0XWe67IgTuDrlt/xjvOFii4QQ0BgH9QK4P8IrdFT768ApH99TYdkN+/yk5+1BUhc+cavCyPTWiOOTouLh1HlnXJT+pkuNie0jdMiiaGicbDpoKdctgfy3PyTQyYBgJsr8XJEzlFc60Q64ay1EyVXKaIoVjkjBhG5iawgOX+1w1nufoRA7IcbETZhlPV7o+N0+ZBHHCYrnAyWafJzZ9KjmVq8cMWp6wcgD2ezaXDI3c1eOiYVFUKVrcruhcDEsKmlTfooxNQq4o46N8nmS7JQXJVkvGQX6Q6UdodknaUuBg5UguLEs+keMJKXd2Qr52B3KdVCvBZiBFT9UkvryFunscxQ+JOy206RKJL9bbuO1km3eSjlriLUfO0kdiW01GUIkfiKPGULONX99dJmp5kouUJkUPH19POwBSWKgpHTdqeujzJYIzzXRMI86mcK2fjUGiLRcKekaIVeuW6G8c6XQoOU1cP51hqvUIiXqOBAr2fcKmi17Po2niDlKel74smpBBlpUUe1EmJJbRTSLfS8c4sZN2JUxV4HFaGqyopeGL1Vwmfh0VNHHLzX6XkkYjKCUZkY3cWHFniJ7qX7ByOxZ3QxUtipqkwuKU16KqxIOhRCbUU/BcupknsYh2lXTcpU4UiZ0e9PwdIrIldF9tTITTdLwsYfr/TatcLv+1NC7/5J/8k4yJ9t9bi4uLPP30098y1+y/tWZmZti9ezdnz54F/npMtf8Z68XCBXhq6woHp6f43iM1fuIry3zv4Ziu73Dj5H7q+WXcMGZfLc+5lit49zjmdNPhzl0VvrLscdNknAK+Am6/qiIpvprO2qDLrdN7+cbaBabtIrPFHFsNlyBOeN3iLHGScKbV4bbpWZ7cWiOO4eqxcdYGDSZtlYfXRffwA9fWmC2U8KOQY2s9iqbCRL7Im/cafO1Kl/OjD5jU7uz3fS57IdcuVNlTlQLmxGafGxarPHGhBUC/5XLfwOe33rQfP0r4yqUWx5Y7HJ0s0vcj7looUrNUTjVXOVibYam3zd7KJG/Y6+GECfsqBn9+GSo5VZg1fsKZbZdbF6p8/cwWTpiw7rQ52QwI4j5fuNTl396xi6KhcN/5NkudIfW8zh1zeU63PMbzPgtlkz0VnRt3VXj0fJO8rvKZUw3GyxaX2h65NCtos+mgWzrT9TxbjhSYt89X+P89ss6eep6PnAx51WKNT55pMWEbnNt2uH6mRN5QedVilaXOkKcuNFluDLh1bx0/jjFVgbj90ekOSx2P/fU8DSfACWOunbT5k+e2WKxanFvvky+YnG16KKrCmW2Hp85soRka4TDkpddM0RmGLKWb4cVOiKbIeGgUAHnXriK/9ZQUgKaqcstcicfXenSGIZWcjqWr9PwY29awNNjyYnKaQj9IGM9Ld+RA3WKmoPHMlp85jlpexL6KBHLausEpVeFi22W6YNLyYm6eyjNfrPPIepe6paYnkAkHajorvQhVVficd47b91bkbF4zpUjRTSlOfAeSmGQgHTD8AMXKiQbGsKA8Db0+SrFCkoYqAtDu4Z/eEtIuHbTJAtiWaE2aq9mmr6xvZzZobIt4vZ3qIoaoYyq0e1JAnFlHWxyXEYWuZcVRnLpstKlClt8zEoiOAhUBtEqOcK0vCdFxir63jTRCII8+VZBRUxBjpDEA0YaTCmYj1HGL8GKHcMRN2XJIegHqeP55DiE9E9/GTiA25HgnM0gdz6PPVKTYSQMRE4RGG631pQuSRheM0ptH4yO1kkNB4gz0yYJYvUf6EUOVUUrGqRlIxyOF7yVpBlCWaO2N7P1iYY6anlB8U+R/3PNFCDkKR/SiLE1bMVQY5TqFsRSgzwPvjYjBaikvrJaul+lXlFQALFZpFUwVdaxM0h1kmpXE87OkasXUSdxgJw8JpDB8vvPpb3v9TyDnjo+PMz4+/j887vlcs1tuuQX4m3HNtre3uXLlSgaHfT5T7Z3vfCeww1T75V/+5W/psbyQ68XCBXh6K2D/VIypytNxpr2Gqqg4gcP1kza9IOF7Dtf46CnJt1moWERxwrHlLnld5WRD5ehkAU1V+PCzHRYqOdwgZrFisK8iLqOT2y0absSeisFVtWk23S5n233iBDbdLnEMM4U8XhTQ8mJKhkLFVHm64XF03MCPQpZ6Dq/eNYalm1iaQdd3uWmmRN+P8HXZiPq+S64sbUcB1AU8vt4nikUMCmSdGUVV+M2nt6jkdCppHs9P37qPDz17hZfO1Nhwupxpu8Ss0h4GXOn3mLI19lYmWe43Wep6XD1u88SGw+GxPG89UGK6YOKGEbuKJao5mwPVPo+sD/lXt83wyHqXR1b7HJmwOdlwiGK4cbLG7z4rZwpv3lfgzy+7vHKhwJMrXZYbA65dqPLE2S0KdZtB00HPSTv5379ijqVuyNeWB/hRzInNPn7f55wfUSya5HWh+L5md5H/4gRoisLxjT5Pr/Z459FJjl9S8Ac+S12PSk6nE0V0fAs/ksiEZzYHXDNZ4L6LDt9/zRSXO34K8xMx7VNrPXRLx+t45Eo5yYKq5TFTXVDfj1goW3zqbIujk0Vunsrxkqkis4UapqbT9GKmbJXznYhHVrr4UcIts0VmChrPbvvULY2vr/SZsA0qOT0d5yjULZUNJ2LbjajnVGqWjPuumyoyX9QomgolQ0VVY6I44eiE2J8NFabtCn4U8vf2LvDoxgpelLA2iDFUMDQFL0zYW5lEURXUii1dlCSWrksSS3FiWCjDvmhfDF++F3gk22viIioXIQpRCgUS00AxTJJOF9M0JDRvpSXFSRihLY6JQ2i6StLukwyGxI00hHBzWzb8Sg51IrVCV0so3QGKF8pYyglI+q44TTQFfbwoYytHihbF0lERvUoSJShampQcpFyRON7pgkRJBpQbORZiTxxJSrphRT1vZ+SS2qiTIMKYrOC3mynKXiMZRoQbAwkRrOUh7QiMuiFqahFOnBClImJkDAG3jci9yTDKiLEZM0VVhF9TNAmXe1k44UhsrO8uy+iot0OS1cZteUxFU7J/0swgRU3BcJG4hKItJ3PuKIUcKtIBGUHvRvBGUjeP3HjqVrItlDCUjos3lJHRCPltqBCGEtlgG6JbKuVJ/ECOsWR0pKgKST+NQ1BVElMYPtpUSV7PMMqeG3Rd4gnqafH7HWq4vJAalxd6PZ9rXakQfgABAABJREFU9pu/+ZsA/IN/8A/+Etfs8OHD/OIv/iJvfetb6ff7/OzP/izf/d3fzczMDJcuXeKnfuqnGB8fz7hrz2eqjY2NUa/X+bEf+7FvYqr9z1gvuoqAGydN/p+T62y6LpWcWI5Pt4b8+dISt0znOTpm8FTDYapgULH0jEjacQO0tNp/fK3HU+syhvCjhFfukjbo5y6tUckpOGFCxwtZ6oZ8fW0VPxLo2y99fZUvL3d4aH3I3sokKgo1S2VtEPG5C3L2//EzPf70XItKTjo5TjjMIgZunDD4ydsmyesaQSRwuSROeO2+Om/YW+BrZ7fxg4g7d1UoFk1u2z/G7qkiqq4ShzHHTm7y4JUORycLvO9onTCOefPeKvVckS9dGTKe1+j6AefbIX9+yeHTFxxMVafrB3zfkQrbrmgz9pR1BA0R890Hypxrd/n0hVVKpsq7DtZ4quHw5St99tfzPLXRJ0oSDo3lOdVs0/cjljoe5zsBtqHQ8+XNbdgGbhihGRI8qGoqh+fKvOrgOOfbIct9CVKMkgRNUTCLJpEf0dzo0/RCGoOA5X7E9VNF+oEEHOqGxteWunzX0SlUXWU9zQGKkoTPnGtyeqmDG8a8/yVTqY5E4fOXm/zQtZNEsQhg3Zab8THiMObfvnKeN9w0B8DDS22euNBiTzXPeqo3Otd02XLjzM5uqmJ/v216AlWB1+6tcNfuKnVLJUg/2OIE9qTsn6Yb0PETFkoyHjrTCthV0lHT+1C3DJ7bcljuR/T9hMXyBPvKVeaL8one9iKeagQUDYuvr62y5fXoBQkdP2HcUukMYyqmQsePmftX9zHs+iQ9TzotcSidlpGTKPSliBn2SXodKVrcAYqdh/EaFG0B0l1eEYT/ldUdS/TirNid40RszY0O6mTKgdFVlKkq2q46iq5mzhu1lhdNBsjt+UKAjbseaj0vFunU1RMsdYmW2yReiDZho00UUwuxOIv0XRW0yQL6rqroSBqis4g7Q8nMmS2nBU1aYFRzaPW8aFlsXfQhqa4lTlOLjd1l4r7oM5JBgDZhZ8JYcdyMSLZpppATYB6sZ+OpqOWilESAO8o5SoZCzM06RDULbUYei2obYhueKkhXJWXEqJUc4WpfhMNpoaSk8QJaWgCRWqNV2xDsvqqKBijVlRCLpiduO9IdyukZ4A5IQxIteWyppket5UkaogHDk+dRUUWUqxRyWQGTBFEaOaCRDIbCuSnkdkZ7I8eSE6QFU16KIj/IiivY2fgTR4o14fjsOKP+Lq+/Dtfs9OnTdDryemmaxokTJ3jzm9/MwYMHee9738vBgwc5duzYt8xU+06vFzsuQMMRQFjTE6fMsbWhjDr6Pg9rLgdrOb6+0ueN+8p86VLAQkVsxvnUcaOpMGeL0PL1izaWZnKwNs35Z88yZasEEcwUND59Vs6gl7o6USw02mrB5HRzyKF6jjCO2PJ6OGHCx55r8po9Vc40XXalQsMZu8LqoEU/iNlyIxbLBuc7IbfN2BydLOCGYj/+k8dWeGSlx8vmLN52/QxH6jr9IGGmOMaF9pB/ffscnzjf5sTmgAvLHXw34AtPr/OuQ4cI44iymSdMIt64p8TFrsftM9M8vL5M3494w948pia5N/tr43SGl7l20ubW6SnawwGnW306wxgnTHh83eF82+CpjU3u3FXhXNPldGNA3TZ5y8EaN03ludAZ0nB8zq330/wkSVVWdZXACVhSFAzboGho1Ocr/IubJ/m9Z1sc33TZW8vxyOqAjbbHvskCt8xXeHipDQ6c2hAA19miSWcYstLzuWuhwpFxyf25diLHfXmDJE4IhiEX2i6KooiGxo+490KP/bU8t0zLc3/vpTY/fP0s7/nTZ8iVcrxyscYXzmxRHC8QJXDdhMmfHRtkuUVfudxmwjaoWwb1vM5cUeOT57pUrQFTdpOZgsbX1xrcNZejF8R8Y3XIhgOPrfVZ7/vcNFNipTfE1FTW+z7vncnztWWHiYLJlC1W+tPbDofGxPb+6Gqfiqmw4URsOl0s3UBVFfaUVV6/OEbXd4mThLql8sCVJgdrBitbAUHauj7VCvHCBHfbE9ttz0dNEf4M+ztdF68rm5ouTBUicQclfUdGQ95QnEK2JXA5KwfdPv6TyyQPXiL3uiNS4Gw2ZTTQ6md2X6Xvpkh5E0WXkQ5pSGHiB+Ii2TdB0neEdbK7jBJEUsikQYiJF2UW3XhVCh6tkkOblFTqJIylSLI0cIJMgAsQN/oyVlEVjMUqwaW22G9jEcDK7cvfwyhRWq3K5jsaaYSrfRkLjcIPh5HwW+ZLwiOxdIKLbdnQNQVi6TiotkFwvoWxr0ZwsS25P2lhmsQJShDvQN9K5o6g2Agy/YdWtwjX+s/73d9sE9ZqVvr4IG664g7yA3kMqXVcxm3pVysSK3hBbOHiLnLT1OmYZBBCUUZDWk4jCeOMkquoShYZELuBdPB8KVBG5N+45/6lz2LR4wQwZuyInW2JWFCqWlbAKKoiAZzzVZKN7rf1+f/XXlEsl2/3Nv6WVr1e5yMf+chfeczzsW35fJ7Pf/7z/8PbtSyLD3zgA3zgAx/4tu/jC7VeLFyA9jDmrl07hNxT2y6aomT21HNNl1ctVrB1hYqlca4luoFKTqfhBAJXq+ZYLOtYmomlG2iKzlObDlFi83sPrwAQBRF+xWKlIx9GY8VcJnSdK2p8Y00wyn92Vpwt3WHEwXqeS+0hr1goYOkmcfqHd9v0BI9sbPGqXTU+f7nFy+fz7K2UeOBKCyMVbJ7YCpixVZZ6Eae3PSqWzpv3F9nyPL57f413HKjzZKOKFyZ87kJHBMJxxPluGyt1nUQJnNjeoOWGvGV/iYvdkKXeNlfXJ7E0g7ceKOIECZ+7tIYTJoznVT56cpvX76txYrlDPXXxPHCpxfVTRU40BjQdn2e2PO6ar9H3XW6dLXF0ssjHn1qjVM5xrukybht0NJV3Hxnjv55ooKnyPJmqZPc8strDDWPyukaUupwajrxeeupOGCvmONcSCq6pqZzYHDBdNHniSoerxy3uPjzBA6ljKU5t1gBO26VfNLl7scSHnm7y9sM1nmk41HJN7jowRtHUWE+5H2EQ8UsPb/DuIxL4NxrDDQc+l5oO+xaqXGx7VHJlGk5AZxhhqDkOVA3O+yGPbvhM2SqNQcD9F/q8bl+dhhNwsCZF9FMbfRYqOeaLGlvVHCVDIUpgX9VkpTdkoSxt+74voYjjlspXVnq86+A8w7DFxWHMnbMlnt1uMwhWuao2zanmMhtOhKqIfma+qGFpCVteTP11e9j4k9NSJIQ+5FUpXjRPiojAQymI3kUxLenCjAqWEWAOxCVk5YSGq2uYR2fk7LnZEf3Kdjcb26h1C6Uo7p9keyD6Ej+WEcZmiDZdAl1Dn5FxgpJi/xMnyEBz0cZANu8pOwOVjSzNUdOTrkdniLFQJnICGSON8PppPlDc9zN0frQ5kKydkomqqsSqgpLTJZixIyRezJQ0236ejTq1BktMgGxSahq6KOA3j8RQ0WeLMjoahOiTBUHcq4rYf9OkaLWU2xGuemHm+EFTUku2ShJoMsqKY6JmgD5ZyCi7iRdK0ZV2h6ItV4o3YzQyiiQG4Hkjp5EWR9XkOYwysJ6RdYnijpe9dkkYo00Us/RopSCJ2Ek/QhlGKCULJYyk62blUPwAbVwVXc4IajeMUIp56aKk8QGkUQTEceYui1tiQyeNBVByOonnf8c4LknyAoyK/u7yXl/Q9eKoCHhiw8ULEw7XCunYYkjR1JgumHz/0boE8lkqrWHMP7hOyJ6n12Tj9IOIvK5yqT3kd45v8evHN/nE+W0+cf40jUHAHzzbYGq8QDgMMfIGoReiqArztTx5Q+XuPVUaTsBSLyJOEgwNvueIZPtcO5Hj5XMWd8zbDKOEptdnbRDR82P8OBRNg5HjQFXHNmTT/ey5NqV0Br3c8/GihGGUkDfUrJgBWOo52HqOxbLGHbNVfuq2aT57qcvJZou1QcyWG7PSi1jpR5xqhpzcGjCWN7A0ha7voCoKXd+laOg8tObxqbMCQ/vCpT6v3Ssp1JEfcdNMiXv2VqVwaAxwejKzn7AN/sszGyz3JfW4lpNOheOFaTikyk3Tad5LGHNl22GxmuOPzjR5ZLWX2ZT9KEYzNZY6QuQdzaE1TWVja8D1U0VObzus9IZZR8rI6YznVSZtnbsWa2iamhUcuZKcUftRzMltscI/cLnPyZUuy32h3V4/YfK6PUU0U2PvuE1eV/nkmVaWGQXgD3xUTcWPYu7cVaHlCUfnlpk8b947xZeWPXpBTJzAV6849APh3Dy10eeuhSoPrQr4br3v0/EiPnG2z+G6jIfOtnx6QcxCxcJQFY6MCQtn3FIpmQp3zZVY7bewDYUgTvjNZy7SDxKuG59n3elwZEznQDXHHbM2t06bFA2FXKqhGZ5oUL9hCvPopBQlAG5bHEVJLNoWqyiuIqssFN3R2bWuywbVd+XrZlP0DY4HYYR/YpPE8wUilxdirTo/Jq3+OBZ9hCWAtzjthii5NKG4I4DDcLlH3HNFhDpTlELJ3ElEVgxNRjuWviM8NVS0ibwwP0w1K1qIkgzPr9ri/om2HDnjj+OMjiviW19geF4kGowglk5OLQW5pcGDo6yiJBjFDoSpKBlJPp4vyTgpSjKYmpB3pbsRrQ4y7UzccFNxciTjo9TCLIC9nIiFoyR1LOXFshzERE3B6ydOmGl3Ei8Szsz4jj1cio84S6oWTszOlqAYGokTymNMScOjFffFuq7oKslgiGKZqGUrLdq0NIBR7NGJH8pllH2k6yi6RuJLoauULBLHQ9E1uRiSMaXkjfQ+SOK4Wsqj2DmUckF+V2q3/o4h/19c/8usFwsXYKpg0g8SPn2xQyNts57YHHCu5fKnZ7rCCkkto30/ptMdki+YdFKx66mVLusDsQav9IY8szngiY0hl1MgWaPtoqXt0yiQlOPV3pCFco7H1wfU0+ydxzd9zrdD7pid4ehEjo8+26QfxHz1yoAPHW/w2ycafOpcl7PtEFMVgecHn7rCpG3wxKbPutPnlYsV/EjSp/dVTa6fMHlopce5VMvxufMtvrE6pJJTWBlIkfLIRoffe7bFYlljwxF+yJYbM2lrzBU1gjjBDWO+vury8rkxttyIxzbWebKxTWsYZMF+957bJq+rHK7peGmY47sO1jBUeMfhOnldCoT33TDFuZZL0wtougFxkhAn0inJ5fQs0bozjDi+6aLqkrf0xHofTVVo9YZoisL1CxWKpka5aPKaPVWCKCbyI+oVizhJsEo5Hlnt0d520BTp2Fw/IflJX7ni8Nhan+smc8yVcuRKOTRDY9gbMjZRoOmGnGu6nNt2WO/7vO/mmYyLs+nETNkaP3DdZAaEe8P+2jdZ0gE0U2PLCbj33DZeBO85UuXVu2b4+lqDo2MGV9cNgjjhQN1iumByy2yZhXKOi22B8R1M7aJ+FHN62+Vryx4PLvc5XJez+yNjJjVLxQkk9+pSN+T+y25KyB1y63SNwzX5UN9yY1RF5bENGUVe6QnV+Zr6NHECN0xU6PkxD7//JnKvu4pwpSuFShRKcaKbUrTkbNG5DJoQhyS9LZSZBZTJMaiWJCDRtqSgmKxLMRMnxD0X87ppeX56npypTxa+2UJbFcw9QYy+q4p+3QLqVFk0L7Uiiq5lzp4RwTXuDFHzhhQFNQlf1FKOilBgPaItNxvHjL7GTTdNb05HF/X88872E0j1JHHTFT1JQYBnI7gbqkLshEQtT8YbXoQ2VSBc7gm9tz3MOi7SoUkhcaOk6pEOZUTIrYueSbQmSYbqB9JxlCZ2bhDxbirAHRVMiRcSdYZZRtKINZMlQxd0YaIMBemPmdqVU2Fu3BkKuM8JhJZrG6IzMtSsYCRKxPqdkoO1qYLQc1MYYOIGOynRuriUsigFU0cp5Ej8kKjRF62SrkrxMspUimMpgEfaFlVFMeWzMXYDKZDTvCpUNYPWJeF3iJw7chV9u5cX17e9XhwVARfaHkt+RNMNMuLrSs+nYsmZfCWnc8tMnjOtAEtTmKjmcUPZpMZtgy1V4eJKl9Vyjtfuq3NsucvJy230nE7gBCiqgm7pXDNb5tn1HvW8gR/F4kAxNE5vO5iaiqYoXGwnzBTWOLktYY5FQ2WpM6TTdNl7cIyzzYSvX+lSMVV6QcxS1+PLyzqrPZ+j4wZPpA6idx+p8+pds3zo2SsCzJsocOxKh9ALqR+okdN0bN1kIq/x9FYHTQEnSLANhWEoBOCTTSnMnttyWShbrPUD+sGQ3z6+TT0v4yiAH795F//H6mmsNIzxYK2CoW0ShAFfWu7hRQm3TOeJkzrn2z5XjxncOFnnfCfgUM1i2/PxIgi9kCBO0C2djhexHvocGS9gaCqaAnuqeY4tSzH43NaA2VKOlY5HHMYMghhDU6FocmjM5hvntimVc7h+xN75CvtT4N0DSwIH7AeRUHRtgQvOVCzcgkmjMaDvhdy+q8JXnmug6ipbYUzNUrnYdKnkDb601AXKXOkFfNe+Kp8+16IfJJgFk8ANMn2OP/DRTI39YzZ9P+bmqRKqouAECfUc/OnZLh0v4rsPVRBiF9StHIaq8MSGw76Kzu3zZU42HN52qMafX+xSNLU0eTzhRGPI7bMWJ5sBRUPhfNvn1pk8fhQyl45e9lfLxEknfT2XqVmykXz5isNccZtqrsC+is1zzS62ofDrT69yx+vehXb5D6RoASlScraQcxVVnESFOpg2SuiLULfbl3GRHwjqPz3bxhui1MsyLohj2YzavWxDi0+voBQMcAMUXwixei1P1Oij6Rpxq49ayhNvdFH3TaO0eyiG0FaVnFiLY1eulwQROmK1JdWqaBNiUR4JStWKJR2RtHMRpfZioiR1BemoFR3/ue1vyvcZpSkDO+j+ys4oJ2q5+M9tiw7G2BGzJk6IUjIIN6TbMLqN2AlRctrO/ztDtNki4eWujM/SROgkjtFKOeL092Ti3RFALj0hkq5MiFKUBOxRorX8rmBnXGUL3E6bsEkGQToai7J8IiDLH1IruaxblBValiZFk6FlYzpF1zKr8ojeKzeUkAyGz8uQSl+TMTvl9ITp7/Qzp5dCgFK0iTc7KEYkAl5LOjEj/RN+QNTy0OZqYp8efofC/uJkh+r87dzGi+vbXi92XIC8rjJdMHnbwRr1vM5LZvL8s5vqTNimWJvDiEfWXFpD0XBULI399TzXTBYomhrvf4k4VIbdIU03ZHOzTzgMqZRz1MdtoiDCSHkHY8UcP3R9nbv3VHlktcsNU3n21/J0UuibqSmcbMqGsdkd0vIiWp5shotljcVqDj9K+OSZFg+v9MnrGi0v4tiVDn98uss9i2VMTeHT5zrcd3mVY8sdBn4kXZG+z0v3jzGeVwnjiI+e2qbru+yt5Jgqmiz3Q5wgYaaQZ9OJeGilx6OrfU5u9iUU0AtoDiUfKEoSmm7I4bE8D2802VPNc/t8hbfsL+EEQ0mUDiJmCirvOjDFuFXi1bvG2Fc12XJjWl7EQkljtT9kwsrxqvlJfuxlc6i6nOFtdT38KOHQmMUg5aoAtAc+1apFHMas9obUbRPN1Di23GWhnCP0Qt55SEZMjhdyfWoX/9K5bb52Yp2iqfHaPSUmbJObZkpESUI9b7Dactnals0l9EJObjkoqoh1FVXhTCugaOnkdZULWw5nWkP+/Ow2955voykKJzb7GLaBqqvZOFDVVY5OF6nkdJb7kuq96XS5Y7aKFyXcOlPA1BRsXSGnweGaUIpnCipvO1hiX8VmoWxy50KFtUHE911dZcI2eHrLZ9JW2Vc1mSnobDkhX7rcw9RU+n7Mluex0ndwAp+iYeFFEth5th1QyalM5fNcM26x1AtpDwd4kc/VYxXmiwI4NL76ecmj8fo7b5KhI1wXEBjdoAndTenE6CZKfRxl127JJgKxRm+1ZGwEcibdHUiWTcsFy0xHDDpKtYhSKxJ3PfR94ySh2JODMw0ZA4xEqitbUBbGSOKJxVYbz8smmyYmQwqdaw+FKdL0sqJFKZkES530/7JpJgM545dMotHoxEMp6DJaQjoeWiWHUjAIzjRlFBMlWdrxyPasVlL0v52yTQZSMEC64acdD22mIMLTLVdw/U1P9COBANaUnJ5FCiiqSuyEJHHKcEkBcIptZOGOzwe8afX8zvjJCQgvdyUgMs1VijYGMsbShfarli2Ugi7gvHQpo6Ky72fhiUnq7FFyujBYUmqxomsClItFI6YWzR3cgqlLx8YLQdek65J2VhI/AF1Hrdgos+OoY2VhtcSJFMCaIp0XVZG/mcEwvW6SdrlUOQ4k++g7sJIofR6+rct35K7+f369WLgAGwOfiqVz7USemaLBVbU8Bd3kXQdr3DlfpJ43aDgC+vq/Hm+w0vP5/muq/MPrxvmRmydZ6kW8+dppirW8uFoQ8e3GlQ59L8SqWOQNobUWTY3jjYC6pfLWQ2M83fDIGxqrLZeJ1D1zuKbz4JUOiqrwHx/d5LqpIlfvqqApcPuMyT+6YUySmf0o5ciIm+Xp1R6Prbu8+eAYpqbyoeMNJmyTqYLJq3cXmJ4scmKzz0OrMk7wo5grPZ/fOL5FdxgxkdeYslUudh3mihpv3FeR9GJNZaGcY73v85Vlj4qlcdtsgZXekI+f3uaTZzq881CZdxyocL4T8nPfWOXQmM1LD00A0Bz2WXfaNIcD5ooaOU2hkhM6rG2oDEKfpjfg5XMzxGFMyTaYreW5e2+NPzvbpJyGEh5blo7RdMFkd90m9EI2tgbsKlvcNFPimskCP3TrLJuOpNhePV3i0fNNOm5A5EdopsZ0Qc/4J4+sdtlXrrLUEWuloirEkVx3Y73H4kwpC2g8ttzl6ESBuVKOsaJkQI10Sn6UcKntUTA1Xn/dDKquYo/ZvO2muRTnH2DpCh99rsuxtR5OOOTYqoemwC+9/CBBDMMInDBhrqiJqy1IOLE94Ooxg4qpcOdcjiiBN+y1edPeEp1hTNFUOLHlC3smPSNe7kfUcyY5XcGPQ7q+y0JJ59rxcXKa0JjLZp7zbZ/FsknRsLD1HGdaHc53Il6xUKD3B8fxz7RgeUMKFJAuS5yGLVpF+f8ovwhI+h2SjVXRL5THZEw0WZfRUbNLdHp1h/NRMAhPb8iIwQlIugPhuwD4QcrmULLxCX4go5qmC+1e1nEYdQiiVvr6aQrRyPZrqtlYKXYCYk+KFEVVUSsWxr4qiiViW8VQRbz7vPylpBeQDEOSICa83M0SpbXZYtpxUJ+H6Vf/UmChWjTl9lPSrTZuo2hqCqxz0absrJgZYfeTKMmAbKMCI+75GZdFG88TrvWli5QWOKOxkpomJccdKaqSKAFVtD1xX/D4iiqiXX2qkI1XEjcQEm4lJ3wVLw1k7AyJmh5qISdOuZTjEneG8jwaqox6UseQWrEzvUycjtBRZTSslq2dcaD6vC0ndR3R7IrjyA9RbAtMA3Wmno0V464nriRdF+u8JRoaVLkPz9flvLj+bqwXR0WIxuXOWZNzbY+HVwQK1/IiDtVN9pQ13n6wzGcv9FnpDen2fXaN2Tyx6XO4nvCxUx0Oj+WZKWi8+8gYwwg+/MgKuqUTeiGDxgDN1HjLVbv4x9fu587feIBLWwNma3nu2FVOQXYdrpopsbuS4w9PNthdyXHTdJFjVzr4UZI5WIIY1gbiAvnxW6dY6kX82dkmN01L52DLEa7M2aaHpij0Wy43XTXG4+sOUQILlVyWMfTJc10eWe1xz6LN9ZM2Jxou332gzGS+zP9zcpUpW6M5jCmaGmEQsdLzuWW2zAOXWmiqwol1Ab6pukq+arGrVODLyx0WSho/cesE+ytT9IMhYRLhRyGDIKCas1icGme532QQ+pxqBiyUNJa6Mc1hlzfuMbhhscq+Wp56TuUPTm4RJTAchpzy+uRyOpqpsdIbctfuKhfWhcx69kqbo5MFLrU94orFw2sDzNQGbdgGcRgTRzGqpvInp7az1z2vq9StIm88UOczZ5tpJlVMuy1U3JWOx6176+KE6ng8HsZoCixULB5f63P7vIQr3vtcA0VVqJRynN52yJVyXD1dYjyv8i9uHuPT5x3GLRVbzzFTUGkPA26dsfi1xzb51Nk2b9xf5ei4QU6TAiZK28lNLyYYObu2gkx7FCUBMwWNU62QGycNrpuo0hoKZM9JdRWTeZswjrn3UpNXzRexNNHTxAnce2kTP4p5ZsvjmnG40Bmy1Iu4ecqgYmo88ek19l5jM71wBfPIUemqjEB0AE5bviYxpNDGjHirKiQXzmUpz5gGFPOogyFJq48yUUEB9N0m1MvEF9ZRdA1tzCZxA8KVrtBv52pSRKTjJToO+u4aiTPMOhrRhiMW39HGXrPQUsGpWpQ8HcXW0dNuXRJEKIFO1HSz5OfEi0TkO+KqbDkYCxVUT4IHFUsTCNtqH313OQPbaSmsDk0h7gXo82JFjpsSGWDsr6JqgsnXannino++p0K0Mci0N0rKl9HG7bRDIloUogR1Qrokat3KbiPacnd0OtWcdF4MFSWf6m5Sei6RCH2JY2JHOkmjx6xN5NN0ZRNFc4m2pMuoqArJYJiJllXbIGq5qSbFke9bmoQnWpIEHfeFVIwfiEuoZGa3DTIaSrxQChekSBqNuJSclnVM0HXpvpUsGTXGsfzdWDkU/XmxEWEATkoJN8VxFLtBFuD4t75eHBX9L7NeLFWBm6fz7CmPsVDSecvBChuDgJONAZuOOGrWBjFzpRyaqmDkdJYaAx643OV3nm7yzOYATVEYRgmtYcLZpodhG1y7t05tVrIo4jDmYFXAcUmcMOwNqVg6LS9iVyXHhG1yruny9KbDVeMFiobCWw8Uqdsm+2t5VrYdGk7A15YdPnO+yxeWPB5ccekMY161WGOp69F0Q1RF4fG1Xgo+i6iP2xyo6cyVTP74VJu37JfcnXMtl3tPCK12zDKZKWg0nIAHrgyYsmtZgrRQwxVKtkHeUNlT0XH9iJ4TUMkb5Mo5rl2ocu2kzX9+aoOVfsjhepWiYaEqKs1hn/bQoW4VKRkm915q8kxznV4gUQY3T+X4/efaXDNusa+iszro8ZMvWeBS2+NKL+BVizXq6Zle4ARUchq7xmyxoQ8CcgVTHESGxmfPbLHSG/KVy22evNQGYKkxwO+LzsSqWOiWjjvw0RTYX8tzZNzmR79ykj9+toHrR6w3XY6MF8gVTF5/3Qy3zFfw45hDY3nqFYvhUBxPJ1e6TBQMvrLU5pGVHlbewLZ0Vjoe332oij/weey5Tf7riQYPrgqE7stX+gQxXOxGXOyE7CqZvO3QGN+1r0oQJ2w4ES1P+DyTBZ1jqx6dYUwvkPHkwarOyWZIlMB9Fx1sQ+Hqus6ElcMNQ9HFbPrULJVvrA1QFemc3ThpoioqXd9l04k5UDU4UNN5/d4CG27MV1cczrRCFss6u0tlzncCrrtnkmFnSLjUJbl0Vrou/S0pXHRTihXTltHRqHBJz6gV05INyUxHPLoOi3MoFVvcI42OhPX1XMInL6OWLRkNIdk9+kwxA48FZxrCVtnookxURNQ7EJ0KqdVZreTQp+wM9AZk+T9AmqkjoxbFNtBGyZiQguO0zDKceCHauE24kaZQe+n7YMreQdUbO04g4nSDb7qEa33pspQknTluD4lSjkxW0KQ6DrVoomiK6FWiRES/xTRBOhVwjhxRjPgtmkIyCLIIgajhZMLeuOVm/BY1TYdWDHVHcDzqBJmqCJqbKS8np2c0XnHjxZAGRmrTJbRaPivUZDwXyXHp18yFZBoZOG7kMhoxWgRwp35Tkrj8QJXOjJ7+/RgqiZMygECgdmkRo5iGOItsSzp6hiZZV+nfTeKH38Kn/bexRhyXb/fy4vq214uFS7rCOJYz3Bg0RcGPEj59Vtrk59s+J7cELV80NebGBGJmairXTRV5etPh8XWHla7k7/yjm6fRFIXX7auza3eNXCnHv7v/Mm/+0ycoTBRQdbEmn2wMuHXa5N/cvicVXWrcNG1jaApPbAYcmRCrrWZqDJoO51ou/9vVVf6Pa3bRGYY8vtbjwaUOHS+ikrpxoiimntfxUzHfbz7V5HPPbtL3I37hoQ3W+z6b3SGzkwXedKCOG4oVW1MUPn5qixPbl7ln0eb2mRJfutTh8+ebLJQtbpsV1sP+MRtVV7l+qsg1kwWeXe8xnte4YSrPqxfyPLHZomzmeWh9ha+vOhQNCz8KsXSTN+4Z42B1guvG59lbmWS+OMZ7r67hhiGPbwxZ6Uf8+tOrHN/okzcEmx8lCdWC6FhW1vus9obcNl9mfeBz1+4qRrqhhJ5YlZsdj73TJYzU4gxIZ0hRdv4fJRnc7cRyh8AJeMfVEyRxwkOXWuQNlaWOx+lthycvtVnv+1w/VWSsmGOhIq3z59Z6tNse2/0hfhAxYZsMe9K5sCoW9phNzTI4s+1y1ViOCVs6KpoCHT+mNQy4fUY6MJqi8NUrA9YGkknkBAmTBR1NVTg6blDPqagqVEyFTSfixqkcwzBhvmjR8IZc7EaUTYMgBkNVeelMgYbb56p6hRNbAWES4YQ+MwWVomFhpX9fXhhzuGbwkikTW1d4equDEyR84V9dx/6fu0s0Hn5AEngkYYqRH6aW1jgWoq6qikjXLqUbVCjYf8eThGjHFXaLN5Qzay9MBZZxNs5QTINo2yEZRjL2SYFzxt56mmkjOTjSWZDxCX4MQZQ5hrRxO+uCRGnQYdwZEl7oiIW6nRZig0AiAGIJQhRsvItipxtiSngdiVHx44zfEreHqEUzE/dGTY8kSiSdONVuaGlGT+KkpNc0GDBxAqJGOiJKOStqNc3hsXTp7KQp0mrdyqi3ow5F4oVos0LPTVLnUdSS7J8kFRUr6VgzGYYpGdjJNDFqycwei5K6pTBVcUSlo6JRaGLc81P9UeoQUhVh4qRhkqLviXccY81BZq8GJDIgb4hmJRXkghSmo69JGEmGkWVCGKKYO1qm0W1kXbxQnGYjd5qii7BXKdryeF4k5/6dWy+OioDnmkMOdIV7sbQZstT1mCgYTGDw3LbHVNHkxGbEy3eLzkQ2CKHhLvUiOl6YwsVCrpmQM4bX7pHcmSP1MZZ6EZ84vU1zo08cxpSnS7znqgoPr/tcOzbL6qDF3ztQ47oJg4+c7DJXynFsuSv6jakiRUtn2FNo9H0e3fC5edJkumDSGAS0vIBCOv4BuGW+wulthz1Vi9XekFZT7MRNxyfyIw4tVDA1hf/4ir0slMZwAp+ctkmUJFxuOvzG8S2+/5oqP39sha2ux5uOTHKwpmOoCr/yyAa/eNcMv/poxMmtAZ1hRC6n86HjDW6aLlIy8/zeiSaGqnDH7AywzrbX58lexFv37SNOEpZ621zsNpjIl7jY6bKvWuF3n91gsWyw1Iv4ytlt9kwW8aOYzjDkn940zsntECdM+KOHr3DVeIHVno8bxOwq6ZRsAz+n4/SGmJrC666Z4sTmgLqls5HaoxVVwXeDb4JHVXI6X77QpFg0+ec3T3J0rMZLZ3I8uDrkoRUJPGz1hoTDkCsrXY5OFnnXkTqfON1icbzAS9JcoXPtgIKhYqgK51e7bPR97t5X51zL5cKWw/KVNm4omqN9VRMvkniClhfz2EbA/35kngdX16nnDTaciEpOYTyvcr7tM1M02HJj4iRh0tYwVIWFkkZOV4gT+MbagOsmDCwNHt9wJaJALfLAch9LU1AnehwdN+j6ARAwaWusDAYcbwS03JDbZy2e2PSZL2ocrhu0OiHXTVj0gxDl1W/Cf7WH/qk/k5FGvSKUXMOSgiXySYZO6sTxSKJQNphiBcoB9B25dAfCc1mYgWZHKLeNPkrBQC8YsrGlo4m442Vwt2TDwThQF+tw3SJa7UgS9DBEmylmCPtwuYdiqJLG3BmiWmIb1mYLRKsDcSylrBPF0MTyG4uwNvZCGc+k1xG9iUYSO2jTJYkESNkuILq1aMvZ4cDEyU5Bk5PRxYjfEns7wla1aKbOpBTXP1sg3nAyG7OMm/zn/Q43KziSYZgVSzQ9GfWk8L1RtMBIy5IM0s6DqhJtittGSbU3QqT10o1erNlqGuyYBDvZQiN4X9R0hfuSNwRcp6pZByoJBCyX9KSYJEqIOg5ayRSmTDF9k8WxjHT8QIpYb4iis6NNsUzp1Nn5NLDTBM/fscjrGknfRSkXUMxU4JsWZ4oqXTk5GfnOjF/+V84q+ru2Xuy4AKs9n2e3A4qGTpQkTBekgr920mZ3Jcf14wYLqS3Q1hXGLRVVgVpO5bW7BVrnRzF5Q86eS4bCV684rA0idpcs9pQ1TC3lNZgaURRTNPQU5uYyni/x8rkyhqpyZDyPoSnCJ6laXD9dpO+FaIaGpqlc6Qz5v5++wG0zFq9aFAfHqLvieCGPrnaZsA0ev9zG0lXKVRmR7B+zidN0YoBz7S5O4NMeDhhGIfcsVLh5voKpqvzG8RZLbZddYzbHlrusDWRk4bsBa4OI66eL+FEi3SAF7lqoYGoq14yVeO/ROqoC911e5Xwn5LGNgOe2fR7duMSFziZhHHFyO0RXVKbsHH3f40DV4IZJi3987V6m63mByikK//SGaY6OTWHrCueaLmrqZopS19GXLvfoeyFRnJArmPhRwonNAZebDmsdj9ALSeKEOIw5Ol9BM7UMfnduuUO1YHLnrgq7Sxa6qjFfrPP9RxZ5474K7z5Szz6objwg6ay//tg6RyYKzJVMntty+fAz2zy13me15/PqXWVesq/OUxt93ri3QN2S8ZGiKkQxvPVAmUpO5XJHbO4gxW8/8LB1BT+KWSjrHG/42IbK1WM59pR1XjU/TxBDy5MwRC8SnUo1Z2CoCn1frOuTtrwW1VyBt+yd4LoJA03ZOYM93ggYt/JM5fPsq+jMlQwudSOOjhu8Yn6CyXwZW1e41PU5sRXwW6c/zU8fuxdlcYbwyUviEAp96agoKqg6ilVEKY+RBGk+jarKMZdWYHVTzpjrFSjaGf5fqZZQZ6ooe+dkQyoXZBP0wizPR99dE2FtKELVcLmHOm5nQtKRCyjL5EnFuKolPJXYCbJ0aH2miLGvijZuyzgm1YXEXiSbbNqlCdf6GU5etQ3irhQJ+u6yCIWnCtkYRzHUrDMxwvhnQuGGi1q3hKGiqlmYosQF7HRh1JIJqoI+UwQ/zkZViqUJX8UL0edL4hSayKPVLSlO0iIvCWK0Wl64KgU9Iw3HTS97XtSiKeOidKnjtmhQdHHrjJxGekrOHXVT1NSxpORS9oyhZrcZOxIREDfTcVooYl59VwVFlzFY1NohESduQDKMxLY8OnnQtbRjF8jFG0oRA9J1UdUsiBNVgZTlQt9J4yDSblgYynHfIXIu8QvAcHmxcHlB1ouFC5BP3wi/+tgmbhDz0jmbH76+Ts+PURXJcZmwDY5v9FEVUrS9XOfLywPmyjnqeYMJ20RVYG0QMV006fkJzzZdzrRDDo3Z6GkrdaJo8uGTbS60h/zUg+fZdLqUzTy6qvH4+gBDhbsWSnzP1eN0vJDIjzgwW6Ke13lsucNnz27zp2e6PL4+IHAC3IFPt+1RLZjsq+W5Y74oXYaUQFswRcOiWzrn1vtisx7GXOo1+OKVbZ7YDGgNXUxN4bHlDueaLocmCvjpPPajT6zx64+tE/kRv/ylKzTdMEtAzusaX7jYIkoS/uvJLV46M8lc0aTvx3z2XIuHV3uUcxrPbgd4UUAYRxwZ0znfbXOm7fI7J7Z5xfwE9y85dH2Xel5CE8+1XK70BoRxxIGaTmcYYhZNljoej692SeKEC+s9Ij8iGIZoqkIYROT/gsNAUSV8ca5kMl/Lo6bWyenJIv/2zmmuncixUBpn0i5TzRXw45Aghv/y9BZ7Jov8q9fvpZ7XqVkat++q8OAVCSjzo5jb58tcP13kqY0+v32iwT+6bpLposmR+jx7azmun5LX4eJmn0td0bBcM26x7UYYqsKWE3Kx28HSFa6ftFjpR4zlNZa6ITVL5SVTE3hRwLilsqtkslDWKZlSNH9txWHSVhnLGwzDhClb4/V7C5xuNdFVjU0nJogTWp4UyRfaQ8pmnrWBy0xBY6agMWmrHKgW0VWVlUGHi13ZWA9WdbY8ofpSLROcSR0/Zgqfs4riKIqkkFFythQy43NS1CzOybgolBRnVFXOpLt96cJ4QylkdBF2ouuoU2WMqyYw9tVEMxFEWSFhLFbF8dXzpcPR89OwQw2tbklxMAhlk06TlEedhsQLRX9SER5I1qUIYunMjOfTMYuEMY5sweFan3DDEWquJ107fXcZpWBIMTFKeO4F0pGJxcmjlkyihrvDedEUcU6NHEO22J+VnCaOpeWeFCRDId0mXiT3JbUfY6rCnHHCzEUUbTniVoqFkhutDrIE6KxoGbfFARTs+G9HFuZkmOpWnCA7HtICkNT+PW5nrqrY2Qk6HJGNiZIsRDEZBGKJ9tMU6NSFNKLbgoD1lFyaYRRGUsQ46d+GrsnfRb0ifw+OuzNeqpdl7KinMDs/kEJ4tFQVcjtE3xfX3431YuGChCQ+cKnDkfECb9lfYKag0g9iXjqb42WzBb7n0C6iBI5OFqWdbypUTIX5Yp5vLPdoDHyuGpP8mZmCRtOLqeRUlvshDy4PsHUhwV6zu8quuTJbTkA9L0yQPdU8F7sOX15p8HvPtviBo1XW+gE1S+VCR6i0o4Jjoy1dBLfj0RmGPHO5jaqr2SVKEtYHPq1hwmsOjmfJ1QCv2VOlWjApFk0myzkeuNzn8Q2XL1zqcq415EMn2nz19BZ7x23u3FWhbum8erHKobE8+YLoNwACN+DrZ7bEum1qdIYhw+6QY8tdbpzK8Ynz6xysTjNpa9yzt8rNM0VqOZUvXe7xiXM9HlofcL4TsdKLON+JeNvBEiuDFlGccLm3zdsPlnn1YhU3iPnSFRcvkmTq2+ZK3DJfYTrlREzX8+QKZqZbGQ5DcjmdM9sOk+Uc87U8xaKJbuncva/OLdNCyL1+oULDCYiShH4Qs1g2iZMYP4WtffHKGpO2iqmq7K/nOd8JuXHKYssJ6QcRdy1UONdyKZoaBUPltbvzvHZfnZ++dR/XTxzk392xh2PrlwliuGuXFKvXL1T42DObeFGCEyYcqps8uTlkqetxthVysDpGz4/55DMbtL2IPRWdlX7EZy6u88TmBlO2CHC9UIjIcSJxDnEC/UBE2Re7IZ2hMHg+f3kTQ4WKaZHTFLp+iKbAIxtbBHFC0bDYW8nxkqka647DltvDUBWunzC5ZWocJ0xwArFm//j6Bek6qCr0NsVJNOK4GKld2bRJmqIHS3odOQOerMsZc7UkZ9PzUzIWKkrnxH/simxWukbSHchXzxetQ4r+V2tFOUO3cqmeIs6Aa9pEnuGTG2mR4BC1XMLlnnQtbEMcNlEiNNkgJjjT3LHrOin7xAmINgciZLWNzLqspO4ZxVCzYiBqpTbjkYU7DTU09lVR1BS6NjqbDmLi9lA6PyPmjBNIByXNR1JL5g7ULQ1pTEYcF0uXkVYaWCjdFYtoS0ZXqOJWUmwDNS3GlDQVfkTNjbcc1JIhnZggzmIIkli6OWolJ9ockNafpgh9tylFw0gTQxyn2hbRxiiGmo2VCMNU+JzI82XnUkKu6FUSN5Dv5Q2JDUjtzKPfqdTLqXMsfd660sXByqUOnlg4QGmXJvGle5N1a0CKoIHzgu0Ff9UadWC/3cuL69tfLxYuiBg3ShKun5Cz/c4wYaFU5kClzmyxhqnpvG4xj6HCVXWDw3WDq+oVtjyPphvw0EqXz18QOulXl0VNv9ILMDWV1+0pUjJVjk5Y3DBVSLUSE7hBzGLF4M9PbvLAkkPflw+D8+2Q77tqjEfXXBbLBnPlHHfsqmDmDYap5kIzNZYaA1Rdxcob6IaGbun0vZBu38cNIkxN4c5dMkoyVZVPnhYc//56nrlSDj+Kufd8m0NjeXZXTE5t9NFMjTvnS/zwdfP85C37eNfBOfbXchwayzMzVSKO4iy24A17RYfiuwFm0aSe13npzCTfd3iR5X6Ta8bK9PyYyx2f22cEilfOabSGCSv9iF6QUDEVfuWRBgD7qjpLvYgPPrHFp85s03B8TmwOaA8dNtP4gZum87xyoUzNMnjT/hrDgc/bjk5RsA3ma3nqlpCKoxgOjdm88yoJPpwt6jy+KQLrH75uggnb4OhkASeI2VuezP4OnHDIicaQr1xx8NP2s6YILv/k1oDpgsn6wKeeN1jqDHluy+Wphs/dCwWcwMdQTQ7W9rC7VOZLl9r8yekOr796kpdMF5irWHxjucdCSeNcy6fvi6DaUBXiJJEsoXkJYmx6IhS/cTKHF8Fy3yOnqThhwqYTs+FE3LNos9yPKBo6j24MWSjJJnix63C+7ZPTFcIkYqkXUjRUKpbO2XbI+U5EGEe0hwF93+NwbYKiaaVOMNh0uxyqFXliw6EzlJgL46UHpABR9TQGwCeJQhKnS+J0weuiVMsk3U3ZfJqdnRHA+rZsPn0B+sWrTZRaEfOaKdmMHBmRxI0OwZkm4eUW0XoPxc6R9F20MZtoqSmW6oolgX6BOISizjDjvYz0HYqhoWhKit4fiJbD0jLdyIhUm3ihdBJAuhhpCKOS09HnBDynWLp0bormzvG+bOTRxiDTzqh1K9PJjPgs+nxJCh9Lyzb+qJVmDwWSYB17UdbFAURo2wvEYTMQl84orTlqyQhIq1nSGVGVjNqrz5fEsaSKzVqcR2ng5UjcmzqO8IVTNBq3xGlMQNRwUq6NLeLfKJHiKUqyrtEImoehyn3W9UxDhKlKnpQfStEyTEMh/UDcQKORTlqIKuVCOgoSF5IUK/HOiGhEXo5jKXz9YKfAGXVpdB1sC6VUeCG3g//u+vbhcylf58X1ba8XCxdgvpxjoWxxqhUyZZd5zcI+NpwuzWEfPwppDx0KhsGWE3K84WNqOk9vdbB1hdvnK7xysQZAyVRZrBjcNZ/jH147x4GqzqYTEyVwruUTpG+8TSckb6g8tz1k73SJx9d6VHIqP3f7ITbcmIfTTB4vSiSROqezp2qRT0cd/sCXDyk/YtCRXJvQCzk6LcF/BVNL4wNccRjFMZqqkDckhXjCNqjkZPxyse3xmbNNvI7Hy/fVOd0c0vT63Hd5lfsurTJXlCTklhegamo2avnZ+5fo930OzZSYq1jsqeZZ7suY4mOnt4kTiTQ4dqHJ6Vaf/3DXIfZVdDpeSMcLqVsqj687vONwjeONgM9f7LHpyPil2/ZYqFhMF00sTeIR1gYRhgp/dGqbiYLBarpRndl2uXtvnZftKrNQsTg8V2Y6JahuuTGT5RyPrjm4QUwlp/PTX1tBUxUO13McrlexdANVUbENm9OtDUxN4VzL5a6FKhfbLk+s93lkVcZr51ou10/aTNgGjbbLy+YLxAlcM7aLY+tbbHubPLh6HID3XD0mIuuVLjld4fqpIkVT44uXB7x2Mc9VYxZ3zssH7rrT5hXzNnfOF9lXsygZItDddELWBhFrgxgnjLE0ONEYUjFVxiyTl0xJt+imSZOlngh765bKjVM5Wl7Mld6Q8bxGnCS8dDZH0VDo+THPtVyW+xEPLPf5/dMrPLHZ4mSzj6HCphPw9dUub9hb5CdvvpsfUSZEZFkoSIdF1aFQRzFt2Ui22iSDAYnjSqEychFttWSDsUwoF2Tzmh5HHS9lDhzCSJwhhogujT1V9ENTUpRs9EgGaUfEEuruqBsgYYY2+dtm0afEbqvvFvTAaJNVDBVtqiBp0J2hdCzSrCFUKXaMPVXZOJ+n6yCICS7JOFDJacJyMVI0f5yIuDjlt0StNE3ZCQgvdAgutqUTk3JZtKkCSRBjXDUmXYxUgJwEceZAijacVCejoU/ZQtWNE/S9FRRDw1goi3V6RJFFxLGqbUjnZtwW67Sa2pinClkqtpo6shRLE32LIYGU/3/2/jxMsvys70Q/Zz9xYo/cl8qqrL2r913dLam17xIghFmEABsQ9sXm4cKdO+PxYMRcbI9tZOwxXjAWWAaBQBZIAiGp1dpaLfWmblV3dVd37VVZuWdk7HH25f7xnojsHmSzaBnupX7Pk09VRkRGnMiMiN973vf7/XwzV3g5I7KvYuljzU2yNZQiqWjJ9S+6jyzNxoWfYurScclvIzEDLxrFgRQwcSodtTTb06643l5RAij1ktidw2ivI+MHwn0BGTPmuUV7OqFwb9R4bf2NW9cKF6BiKrxyn8Nt0yaHqouUjQYTdomSYXO2s4sbh2wOQ169r8D3HamyWGqwMUz41a/tkqTZmLz64Re6uHGGqsBvPrfOxlD0GQCmpmLl896uH3Nyc8B82eTNByu8/egEJUNh2+tx27TBZEHlPddN8Mb9DY7Xc8FwyWS5UcAqW+OU6SzLMEsmnV2XOIjHULiPPLnOkxt9phwRrHqRgNNGqP6TWwNO7QxJMvDilH4voFAv8OM3zDBbMvnUlQGfvdTjc1f6/PZzbXYGIV7bI8sylFzwmaUZs40CO64UQgVd5f98apeznQ123IgPn9llECbEQcyWm/C5qxuUDWWsjfmjsx2evtzmPz+9Qz/KuHWmyEJJ48mNvgiYUxmLrPRdLnV8HrrS5YkNj2GYsDOMWOkG3H2wwXObMqpb7Ye0vIhzO0PW+gFHagantofsDELOtz1Wej6Ngs7GVp93n6hz33yNOJURkaoo9IIBj22GnNwacNe8dD4utTwatnyQem2PF650ON2Uv/Xh2RLnOjLS++Dps/zYdXfzW6cvcKkX8+W1Nsfr0r27carIxjDhUE3nXUcrrPR8ohQmCyrnOwKVO9UM+eyKQOrafsLXt3223ISH13wGUUbVUvijcwNaQUbLj/id020udgOaXoKqqKiKFDobw5STOxFJBpMFjf1lm7miysGqdJXunDHZcSMGYYatwd2zJjdOGCQZqIrCuXbMhW7M9x5e4kClSOXBzxF+9hS4PpnnkQ1aL4HOKZUJlLlpKWpG7X0gcwPSjZZ0X0xDipZULM2UHPmqlcdn2Yo1yqKJpfWfj0aAXBiqi4Yit8TG20OBm+UYfxmvjLoRMvZJmp50YnLA28hWPeqsJKMEZjdCnxd2jDbpiBYm960rmrJHxk1lTKSWzfFGPeKqAGOwW9oNCJ7ZBiC60B7zWCQnyZJwQFsjdWMplHJKbtLyibfcXLujjtOaFVsHQ7o5qmOMj2s09kq2hihFHaWoozUKaBPO2HWVRck4rXlkJx7bpkfjnhdrV1QRIaslMx/LxONog9Hz0CZy7UsYC4clHzFlUZI7iFIZ801IIamY+lirBAglue1LUnQYiQ4qjqUDk6ZknYG8ZkxDCpoRoyWOSYcB6kRRCuTRKMk0Xkrj/Taua6Oivz7rWuECHK0bPL0TIuNbn5SUOE0oGTaGCs+3etw1M0fVUrl+Yomnm5s8uTkUbkomTJDZkommKDy34/H0TsRdsxaaApe7MSe3PLpBzJldn64vQlIvTvnMhRbP7QZUTYWTOyG/+ewW19UnuWdulsVSg199co0HV1yuaxjMlQz+33fO8t3XTVGrCefhVSemCXoB6TdIR72y3uPJjT6rbY80yyiZGq8/UMaLU3YGIYW8c5KkGU7ZYrlR4APPbhEmKV6UsNILJMOnHxD0JSckjVNK9QLzcxXSXLhragqXOj5futzG1FQudgNOTBZ44NwuD5zeRtVUBlFGlGT0o4yGrbLjRrztUBXd1gm9iI88uc6uF7M2EB7KvgmHJMtYKFt0w5TTaz00FU7tDDlUL4zDHU1NwbGFd+JFKTtuhGPrnJh0uNiNWCiLNscbhpzfHHDvfJE7jkzw5VWXTjBk0x1gajpxmvDo5hpPrA84XC+wOZAiqGBqDCLh9WimxsSUZFOd2h7S9RO8KGFjmKAq8NsvPIamwN0zDe6br7FUnuTJjT7n2x6XOz5Pbfmc7cQslC0eXhPeS9lUafopz+xIMXShG1PJWRebgxBTU1jp+nSDjJYX8YlzHd56sIypqaz0Y1b6CadbAYMo5ePnBmwME07tuPzphR5bboKtm8w4FRzd4ubJWQ5XZ7hrrsBCSeNSL2EQyt9ksSSp53NFjcfXB6wOWrzuw+dZ+3dfwzzSgKU5lEIBpViTrsswL2AiH1SdLAike1KpyG2n65IxFOcIfduSIsY2ZdMZFTQ5/ZRGVTDvVYkEUKsW6SCU8c5cDUVXSbZc9JkiSU5LDr6+RXSlR3S+M3b3RJe6ZDlPxLpR4iYkgDDe45O40VgXNUppjtcHZFFKcHJLdCmD8CUFQxbkuplQioV4YyBdjJocpzbpSDp0vbCH/lcVsmFMsjUkOtsaC3UhD4FUFWHALJbR5kpS2OSguDRPvQYkN2mU/tyWbs2InIumiOYjTHMoXEra80mb7h4zJQ9qTPsSZEgkqdzalOh5JFtIld/hWn8MpEu7wbi7pDYK41ymtJfHK5j6OAkaU5VjCOO9QMX2QOzNpoFatKBUGMPlxuGVOUAu3RHRdtoNxPGUpmSukJYBKVq6rjyWrslrTRehbtbqQRD8VT/6/1IrTbJvyde19c2vaxwX4BXzx/j46kn8xMaPQ2wtpmY5rPSbVE2bpueyMthlY5hwqbfFYxtCfl2oSmbNu68Xu2w7SFkoaVxXLzBZKHOg4tIOPL6+DTuDkHsWSvSjjD88tUXQD5iaK/PQhRYP58GCP3brDGESk2YZaZZxoGbTdCP++HyPO+ZKDOOQr1ztslyzGfgxrReF+amaitf2xv9XFIUpx2BtN+LgpENB13hkzWXKMfAiIQE/3xyy0fWJ3IizXZ+ziF276Bj0Wy5f6frjM4TFuTILZXm+r1ly+NKUw/ceKfHPH9thEMb80I3TGKp0EsqGwpGpIi0vZqpocLkTMCwa3D5tslTWxB216XHv/hoFQ+N8y+N008XUFH729kkeuOLxp+d30RSF7z1SQdVV1jYHFPLx0SOrPUl39mPSOOWR1R6aKuOYYw2Lz17qkmQZqxt9NEPDLIiQuG5LmOYD53b5sesnmXUKxGnC8+1NXmiLYLeV26tHtvHnN/rcvFjhyL4aJ6ac3KklH86aKrC41Z5PN0h426Eyn7zc5P6FMhe629wyU+Lx9T5VS4TYX17pjbteAEcbBdwoGzN4lisafgJvXCrxb7++QzdIWKraNP2Um2eKfOZimxlHClBHV/jImQ5TjsmljsebDtaYdjTankG1pvN7p1tsH0gpGQo/emIWXVXZdntc3yhwqedzy6R0Wr626XO8YfKW5QXcKOSnb1V5W1DnyQ+8wLHXz8PhJcke0k1xFEWycaHnWHevJ+Mb0yYLfbi4KuOXNJONK06g099LjvYD6baEkYwA0gx6Q9KOO87DGQHFjGOTxBd2pMMwot8WdXS7RJxvAGrZzMMKNSkw8i4JAEmGNl8iaXqYRxukXV8CC4eShzQqFLIgJgXUho3qGMTdQLgn3QBtMkftV0XXoTo68VYIJTMff+w9XtqVsMHxqGiqQNrXpKiwExRVJXEjiQJoSZAjUTruxmR+PC4oXpwmnWyJ0HZ0G8URXYli6+hLFdGkgARjJhmZG4/DHcfp1nY+yvHj3N2jkgx86UTlAtw0yaToybtKydZwL2VaVaV4sTUBx6kKCqIVUlSVTMtQdBWl5kjh4UV7/BaAUedEVVBna2PSctbNf3d5rEnaDVBVNe9u5T+ra5Ienr8+pHghj4NQyAbfmcLlGsflr8+6VrgAWZZx/74SD1x2mSk0STNp9a70Y7pBxP2LdVYHfY7Uijy62WGyoOLFplhi50Qr8bELTV65YHO0NoeqKIRJjKObPLTW46Ypm0O1Eo6u8tN/fImgH6DbOiVDIywYVC2NhbLF25ZnidOUQeTzkXMtzrc8yUfqSFLya/ctMOWYPL3aQzM1SZMumdRtg63mcJzKmqQJmqFxy2yJlh/TsA1O7QiUreXHmJrCjhvyuuU6n35+R0YzYUKWZWR+hlm20HLBb+zH3H2wwVTR4HsO1TjbcTneqAm6vhdzYqrI6Z0hlzoBr1ly+C/PdviuwxVKprBrDjcKWBpsDCL+zZM7/ON7Z/jJmyb46LkeSZrxluUClydMntz0WOkFPHBFxjq3zZYxNQVT1akVTbqqQjAM+dK5XSIvYmm5zhsP1nl0Tc7AX7O/wh+dbREmKS0/JowSbj00gRcnLJQtBmHCk1sBX1rpkqUZJcPiv53f4g1LFT550eWhlQ6vW65zcmvAsQmHlW5AQddoTBjsDCNWd8TxcOO0cHuOTThsDkJO77hoKpyYLPL17YApR2el7/L5FZfvOVJivmwSpbDWCzjcKLDWD0RnVDQ42/K4bcbhjtkCTT9ldSAE404h5HCjwKWOQOUGYcK9CxLw+JkrHkfrAutbrhX4/qN1XmgPqdsqZUOlWzc51w75wRMNALbdlIfXz3Lv3EF0VUNXpYALYnE4vXZ/gSnbYnPYxTFkI9/8nz8BQOlNh1Aak9JlyVIpVkZdlt6udFRAChU1RDFMshw0R6cvnRbTkA1sVKxMNyQ52jTGGgXhtWgo03UZJ+U03XS7K8LWsildhokKyeUmSl6sqCUTZcZAg7G2BFWRcUqOHhBgnEa8NRQXjSFFx6hASN1Ykp8dg3hjIJu1qhBf6UmXJBenxjmNF8R1pGj54xhyH2nLR5txIFJy2J1oZ7SZYg6720uSzgx13NWINwbSpXEMEda6eWFhCxNFmxAwXuon6I0CyYshcIYhhU8OvVOq9pizMjpu6YrsZQSl3UA0KIYmnZ6+gPJGtmkZ05VIm31hsnQDVCO3VOc6lnR3iDpVesmIRnEMUi9CLSCW6HpJilQ/kL+v64FTyF1jobx2VMlZwlDH5Nys70vnJkz3Xl9xjFowXuooMg1IVeG6xNeKgb9p61rhAqSk3DxZ4pE1l27oc31jHgBT6/D1nT4tfzCGhd00UcDWTTbdAUdrU6RZyqcub3GgovPwus9K/yqvXJjjjy+uYesKX1rpc6Xlsr/hUDBU7j0sTpeWF7HjRhybKHBypcs7j9Z5cnuH5YrDv3lqi/NtcScNuz5vuXEGU1N5amfAG5dLvGZ/iTOtkMfX+9w8U8KLU5LMYXO9h6qrpHFKHMT8yakttDw40PciGnnu0VStQMnUeODc7rhtrtu6hBHGKV1PcoDee+s0T256vOdEjXOdgIfX+5za8XDjjNumDT56dsDj633u319jcxDy2SsuC2WL1UHCmV0XP05FW2IbaCrMFk1+7k+v8HfvWeBvXz/D+7+2SkE3sLSUqaLJ4boI/96yPMmvPLHFck06V6amoGkqQZSg5Oj+i003D34sc/9igVO7khp9anvIPYsVwkS6Ji0v5lLLY7lR4OSGFDmVksmvnVzDi1M+0BO3UeRGnNoekqQwCBOmHIPDDfk9rfUCVjb67Lghn70UUjI0Tudn2aU8mmAk6i2aJVRF4WjDwk8yolTGPrMlObaCofLyxTIPr/YxNZWqpfLRMx2WKhZvPljkVDPicjdGVeDO2SKGCs/tBhiawt86VuXBK0OCWGehpHH/QhE/CZkralRNG8cwWSx1STOTQZiNCern2jEHKx15rWcZB8p1Pn1lm6N1Y/we6IY+qqIQpRkbL/RozBhSZNi5ZVbNk6DTPGwxjnOHSA4OixPhl+ZQMaVRkRFQ/KLNRtfFAu3YOSHVFMts0SLtD1F0bbxhZkEiHJA0Fb3KbBlcT4qBooU+V0KbLwokDXF8pC0fddQNa0j4ompbxOtDCFOi88KjSbsB9j2LxGs9CWw0NLEWl4T8OgLEZW6EMiM8lJG+ZDRuSnc8tMUyydZQkpfLhnRC3Ei0NC0J6kzy3CRtpihFlKrmGhXQZ5wxsC7ZGIqw1RYhsEreTdoeok05Ms7yYynkioYIl7eGIty1dBEgQ67vcUUY7McoBRVGWUUvPtsfwdA0RcZ6QKrtWYzTfijk3Bzzn/VD1IY4jpSiQdb380DFPMZhxE9yCigjFotpkHbdHBAohWqy1s6fg0XacaX4dOxx5wUjL0ZeFKIIeWE6U4ZYYiHUaiZJ0gDG3uv427myVOzk3+x9XFvf/LqmcQHIUpbKE/zc7Yt89oqHqiikWcp0ocKdMzX8JGN1kKAqCg27xPpwwIWOnA08sSV23hlHpWGpPLMT8MjGBstVnWlH5dhEgX/48nlOTDncOlPki09vsDkIWesHLFUtNgchWSpBeo+s+/ynZ3Y4tdrl9tmSuAmHIWv9kD96ap1Pnu/y6LqHH2eEScYtMyUGuVi160WYeeigXZU3tOEYWHmGUdExeL45pFG1WaiYJClYlk44lCiAKP+AUFSF/+XeOaYcg9csTuPFCbqi4ugK/SijG4jTpWzYJJnYjk/vDDnf9thXkS7USi/E1EQ02un4DMKEs6s9QEZRv/XMDltuj6WqzVfWxQo+56h8+mKHKIVndjwGYcK7j0/wW6dXCROh9up5OrSZk42HXZ/zLY/JgsarFy1WegFvPTIx/rOeWu3S3HU5NlXkwvYQTVMp5I6rk1sDNEXhy89Ld61csbhrocIr94uFvFHQeXKjz6ntAV6c0ph06Oy6nJh0ONwokKQivO0G8bgo8aKUXpDwQjtisaRxejdm0lY5s+vy+TwDaWcY8dlL3TwPK6UbSLTBVNHkUKVG1VSZLKhUTQU3lsLnUscnSoQ7EyYZVUtu0wlDtl0JWHTjgKYnguyz7YD1YUzTT3F0BUsX4fem28HUJOzzZbNFukHKgXIVP4lyIm/G9Y155o5XWPyeo1JgaPmmF7oyKhr9X9f3xj8joWSaipto4ErnZH1Hui5hBJN1GLhk2+08+Vfw7krZBl1DnSiSntuQoiXNSLt7oXpZlIjOYRDKSKPtCdJ/yxUk/igAsaij1W3pFGy54/GDvliWkUm0t2kET2+J7sUXOm/wxIZcn9udjesaEj4YSCcnS1OSreE4iDELEsKzLfT5koh8W77wZHa8sZZkpEkZjW3SfihdGSBtelIw2QKkMw7VZBM3tLErZ2yFHgUq5l0UIKf1ii18lFaNphDn451kFBQZC5VXqZUhycTqnQdFSpK0dGGSpiek34YtHY78dzpKiyY/LqWcFxWjEVI+slJGOP6Bu0e0DSMRA5sS5khPtEHy2CFqzRn/jSSpW4rhtOuSDgNxN410NJGkRKdD0dtlbiTFTpyA5/2VP/r/UutbYYW+pnH5lqxrhQuw6bZxDIeSaePFKS1/QMVy5MsscLg6wVxR44aJfbhxyKVujGMoPLW9xaGqwysWahypTXOgqtPyYn7tqR1hYDgOO27EQslksaSz2g/Zv7/GG5Yr/PjNU9w9V+S9N09gFU0OVksslA0aBZ04TyH+8ZunUHUVL05IkxQvTjjddPn4uTav3ldgoSzajVcfqGIaGnGu3p+uWOI+0lSiJOW2GQctt0+bmkLXF8JsEEiUAEiC9d0HGxSrNn90rsftc2U23S63zTiEqdzvXFGjaulUTSnsrpuwePPBMmGSUTI0rvZCdtyI5apwXUqmhpZD6uani5zdGnDHYpUoiHlsM+SPzzZZ64sL5oHLPTbzhOybpgrcPlcmTlOSNOP+/TVuXKyS5lROgCRMsMsW7zpeZ3WQ8KW1gGMTBdZ6wdgKfmJBnA3dXAsTRwmDQUhz1yVMxF1lFAwatsFrDtSpmgrr/ZClqs2p7SFVS2e2aAoF2Y2wqzYnN/qEScrtc2VObg0oGCpdP+Fwo8CxCYcnN/r0w5QL3YTnmi6GCicmnbGbaqFicstsifsWS7x8sYymKNw4VeRSx6MVDCmbyvizbXQSe8tMiSiVvKITkzZf2wq40ImpmAb3zi3SDYSSW7OKbA5D6TJ1fC7kXbvbpkoslhq0fWG4hElMzSqyUNJp+n0c3WLCNnHjgJsm76K0UMJ49XUos4tCyAUZE5mOMFxCP09+zlkao9Z9p7/3pooTKU5cj2yrQ/bCZUl5LhXkuhHXI05INrqkfU+6HWmGYhqoVZvo6XXSXbHSjrQBStEQEe4wz/AZxuM0Z326KMC5IBlzVeL14XizJ0rHxF0BzjlScLQkrFDLRcFZlIyDCUf8FsXSxXHjyGhDrdvojQLxan88mkq23HFhMlpZTrSV1GtNhLf93Iaci1QB4u2hjHjUPIBxhPIHSaEum2ONR+bHYKgy+sq7QEnbF8ZKvpS8QyR8Fo10vSV2cl3PIXJ7riWlbEqx03RFJxPkkL2RoDfnwIwSsrM4yQnF2jhCIIsTFMeWkU9+zJjGXlckZ7aoVQelURFOzzAYX6cUjfHzU/P8I3FhiUaHnPg76g6NKL/Eybgrc239zVnXRkWApeukWcznrq5z91yB3z2zzc/eWsXSTCbsCt1gwA2NWf7g7AUOVHWunzA4UJlCV1RURaVsOlzpb1MzTbw4ZbZo8tiGzxevupiaygdOtahaOrdM2yxXTb6+5bE5DHnZQpnJgspP3z7NLz+6ymv3V3jFos0D50wO1Cz8OOPEoQZ3zJW43PF508Eal7oh51seX7gqTqUfvb7K2U7MD56Y4HK3wufPNtlouty0VOPZ9R6GpWOo4h5SVAVTk0Komxc5SSR6GFVXeeU+h+86UuLDz/doeRFBEnPbtEXwoij2Iw2bC52Qo3WDyYJG25c06qqls+OG/Oj1dZp+ytsPV/m3X9sCII4SEkvslufbHvP1AudaPj9+8zS//tg6ZyakizEIE95xuMzFbsDLZi3cOOAN+wtM2mXCNOF3yyafem57XMBULZ3TuyGaIuOdkqFxqSMBmdVRUq2qsLozJIkSblqqCV14ENIZhty7vybFlapQNlVON332VS0utL0xC+bUzpBbZkokoQRKum7AlGNQNDVMrSIMHkfjkdUev3DvLCVTo+VF4+NJMnjZfIG1fshC2aQbJIRJRtlU6QYSKdHyY+nWhDFJJpER3TBjqazx/G6Ipio8uyPW6IWSRpLppBlc6QWYapsjtRorgy6dYMhkQePoRIH1fsh82aRqKYSpiM0lkkIRqKKqE2cJLX+AY5j0Qo/5Yh3lo7+L5hhiWR4B50baFt2EzEExHbJhZ6xFyfxAcP4gBcnspBQxpiGwsUPz0OqhOPFYoJt6EWrRIvNEmKqYhpByXZ+075EN4xzmpoMbyePkYDRB0SdoUw5pyxvbiwEBvk3mxUPe7VAMFeNogyx3H6kNO3ctuVIsIE6XaKUnDJmNIcmWbPjGcpUkF+uqJZMkZ6iMfiZe6Qk0Lh8LaTkUT50skK2KSHbU/RmNl7IoQdF0KZgsTbKPOgGZmutM/JjU0lBNKw8tNGWM1RUar9YQrUgWCsFXrVkoRZ1sGI+TqEcFvjblSKdnQv5NNvtiQXdyG7GWByyOEqurFlmcjkdlWR5XMBoFvaSAiURwnKm5pVrNCxHbypPCZUSYhfHYYYTrCSHZNsX5ZKhkYYRSKpANvHHRqE0XJfrBzUM2t4YwSsK2dREUF4zcTv+d2cay7Fsgzs2udVy+FetaxwV4Zmeb1f4uR2oW987NMAgT1ocyD0+ymJJpE6YJr1qcYm0gNumGXSJME55vr7M22MXRLT5yrsv1UwV+8LoaR+om+6ui2/DilDO7Luc7ESu9iJKpcWVrwB+c3OSfPbzOg5cHnL7Q4sPP7/KPPntVOiaaQpBkrHQDHlsbcOd8hW4o3++4EZvDkJVuwGeueMwVVR683GMQJhyeLXH3QRFmZmlGkqT812ebLFVtJkoWVUu6QrttD8vSscoWmqmhajIOcnSFn751kh8+UWdjmBIkKRc6Yr1dKmu8aX+Ne+cLnGpGHK05PL/rUzI1zrRcphyT1UGCn2fnvOu6SdTcMVW1NfY3HO5ZrPCWQ1IwbAwTTixUeMVShdtmbH7uzimCJONDz7XoRxn/8ek2p3dD3DjkYrfPrdPWuGi5+UCd3UHApY7HvrJBy5f8JKECZzQKBi+bL3LTUo2JegG7arNcs1np+nhxSq1ostYPefhql89caLHaDxlECc/mnZYwyViq2jRsg69c7TLdcAiCmOmGw2cvtLhtWrpdN06X8KKUJEn54wsDliq65KmlGYfrFs81fc62RRD98IUWa3055lM78iFvaAp3zUlw4wOXXTQFDFXhUFVIwrdOW8wXde5bdCgZshlNFlSiNONPLvQJ05hBFIy7M7ZmMlNQOdawWK5oVE2VXhjRCVy8OGIQ+Wy7PQaRj4qCqqhc6HTx4ohe6DH47GX0pQpKobC3+cQhJLEUL0ksX6oqoxxVfynDZb0p4lvHlsvt3H1TKcL8tPxbK6MWJMgQTSFekTFi2uyP83S0xZqQZIdyNp2sd4m3h9JpWCyP37uKpY9vJ4j9aK+zUrQwliqy4bf2OhL6/vo4AFF19D2kvS1OInWyMOa6pG6cB0gq+easEj7XFJ1KkIyBbNqMg3P3/HjclAWC1R9xWdJOMN6AR+TbeKU31tQoti4FT8PO2TR5IZIzV0aBkFoemphs9seBimle0Gmz5dyhZI832FGMQBZLUnQ6CEXPU3PGjJQRt0Z1ckHzjrtX2Kiq/D1my6JvMbSXaGVSN5JOi6rKWC9Oc87K3r+Kqe9FO4y6MDk4TrFNKUQHnriSDE06TaYhl9kS66HPlQQIOC72RDeTxclLODHfznWNnPvXZ10rXID7Fw6RknHz5AFqloMXp0zaZdpBnzTLsDSHF9o7LJVnUBWYLJQ539nE1gzKhk0rGNDyB8wW9XH44isW6tw9a+LGkja9VLV5ZLXHFy/K5gWM9SWaCqqu0mq6BP2A+/ZVceOMN+yf4O/dNo2pKZxuDqlbYnEetlyePr/L4UaB6ydM3v/4Dpc3+nxttcvFpsuT6z0udTxKJZMklPHI2V2XYxMFphyDOEowHIMgiFF1le++YYa33DhD3VapWw4Nq8R0oYKmQMsX3P7xhs7BSoNN1+VYvcTxus4TWwNafkw3kKiBRkGnHaTYuoKlSVifravsm3DEEmyofOZCi4+dbTNTNHLhrs4z2y6XewlPbYeUDJU3HqzytU0/71y5XOgOeaEdcf1ElSzL0EyN22cdXnt4gptnSjx4ucfOMOLzlztoqkLXj1nrBzm2PqYzlBGErSt4YYKmCHhPUyVRe75scb7l5SnfUvRc6ng4uoKmyhjNixNqRZMky4j9mN861eYX7rplbGU+NlUUYF5P7NQ3Tdlc6oYcbUi8wl3zJV5/fIpGQQrHHTfiQEUnTTMOVHTunJNU7NVBghsLMbkXJNw8KVRmR1eYLGhoCsw4GiVTpVHQeXTD5WxHfn8vtCJW+i5f35bE6aO1AnVbY9IW23d5lC0EqIpKSoatGbzQFobOW/e9EW/Xw7hpQW4Uh9JxgT0bNIDpoBi2jHDcoWxCFYHQKdN1sb5WSlK8bDb30oD9IO/kqFApoR6eR6kUJSF5pCTWxNGDH0iHZHsoYxJLR58rET2/K5t5kIjmJIjHG7+aw+hGo6NkZ0C8MZDxTK6l0GaKxJdaYwaKUjZJ2t5409bqtgQoNuy9zXwEoMtDEhVDJTrfEUuwY6CUDZItl+DUjnQmzLyDMkoTNlXp2tgCiUtdgbupJZO05YOhjhOt05YvhVSeFzQeF+VFx6hCVQxVYHgFY5zqnGz2cyt6HnSoCl9FLRfG+hStbkvXKowEDhcluRvIQJ10RPjqGJJ1VLPGydBZGOfuLnmstBPksLkXxTbsDoWvkudNZXEqf+98LCip1PmXLsnT6Pr4/rJA+CyKqpK5vhxf3yfZHsr4ahBKJyjO7yvvIqvFayGLf9PWtcIlX/PFOqZmY6gGP33LHIPIp2YV6YUecRoyXSiwPtwhzeDpna284xKTZikqCo9t9ikbCpoCp1sRW24fTVGwNYHNNQo6rz5QY7EuWUHTDQezaLJ/pkTXl3HNQo7s/8rVLpoCX91oc6xuMeUYDPyYl80WqeZhammc8vhqlyDJaHV90iQl9mPKjiEbbZjgx6nYnNOMyJVMpaqtS0qyonDrQoXXLdfZHIT83ZuWANnQLvbaDKKAhZJ8aN40OckLrZhe6LHSi7ncG3KoVuWra0OWazbff7xGnPNPAA5VdYIEznZilmsF4c6ECTdNO9w5X2GrOeShlS6bgzAXm+qoCnR8KV6e3fGp2jpndsVp8G++tk0/TPlfv3wZRRFuzR0zFj95wzz3zpm89XCVuxbKHG4URNCcZCxVLF6+WOL2uTKKqnB4wmFrGKFpKrMlk9tnSxR0wZhf3XXZGoZMOQazJZOHV7okGTzXdLnUkrP0MMl46+E6XS8iSzMubA/508un6QZiCfeilJYnRdyxCRvHUMTKHGVMOTrn20Lz/eX7lrlrvsztsw7tIMXSxclz+3SNO+cKLJY0Wr5kDGkKPLDS5OltjzSDr28HGKpg+0fZVgcqOp+62MfSFD53pc8nLvS5YdLmlikHU9NxdIu1gYuqqHRDH13V6IYeTa9PJ3Dxk4i7ZyXJPPvCJyjOFoW9UZoEpyZW6CQWrUvk50nPPUjjPUEuiCC31ZV/QcS5o2To0RhplO47yqUZuCRrbdkM0wx1voFaddD3V8Sa3PYhzBOQcxuvCHcFUjcOUwxiFEcnvtIjyfknpCnxpa50KJJMUqJX++LscST0b3wGr6qok85Ys6E6hhRTiWDqR1qP4EJbbl82pesz6jwkGWnbl5/RFOm4uCI21eZLaPUC5nINYOzAyYaxFCWqMi5WZFyT5MfpkXYl+Zk0lSJEk65P2vVRJ4oClusGY0tzOgiFojsKbUzFKp1syv2pExXp5AQigs3CvJsEohOJ0nEW1MjqLI/3opRpVZXHzwF4I82JWrVQ63nKtR9KcVEqyOtgRLitlKTALRXIwkjAdYjQWMZdFqknGU0jwbfoeUap1XlsQR4lQP7+zb5DGpdr5Ny/PuuaxgXoRy7T1gFUVMLEZ9Iuo6sqfhyy7fZwdJOD1WkKepG3Lxd43yMvMON0cAyLaaeKqWqsDnz6UcYgzDhUlXHBczshByoaSSYsDz8WuutC2eJ/edkU/68HrnJ11+W+5Tols8ZN0w5/EqesbQ5471tu5Yf/9OvcNV9hpmSyVCvw1Y3hOF7ALJpEbsT7P3+FNE4p1At4bY92yyOJkrHzRssFsnGe4joIE7wo5cSUwxsOlHB0hY2haB3SDGqWg60ZLFcXeG73IjdOGFzp73LfvIOjm7x8oYGpiqjzHYfLfOJ8n0sdOaZLHZ/XL1foRylNTza0EWytYKjMFTVmnAKPrejsDMJcLKxStXTunDFRFbHudgN1XLSc2h4SBTEPX+3SbnkUqja3z5UZRClrg12eaYbcPm3iOhrzxRLP7/ocbhQ43XQ5tTOkoKvMlq1xUXHXfJlH13q55dnELkjn6YbpIitdEfgWDJWposFaL0TTVOI0IY4SPnGuhaapJLrKgcki/+bJHfpuxKWOjMs0ReF8y+PMrssr8xTqpzYHLNcK3Dpt8+XVIffO1zmz6zHllOkGKYaqMFfUiNOEuaJGydBRFYW1QcJEQSdKEeZLJ85jEGB1kPDpCx26QYymKLS8iKYn3aLvP17OX9MhSSg0aENT6ARDDlWn2Ha7zDgVwiRmslDH0U1WBy2O1jN6HziFfbQum0scihgXci2EM2a4YKhk/TZKoUDWH7yU1aIqcvuRs6TkSAHTqAox1ym8JDBPm3D2mC4DV0YTtonWyJOYDRV9X3WcWZT5MYxSismhb1GKNuPIv1OaQNX8BHWyIDqWkTtoxkF70bhGzS3Mcacv1FZDJYsUcdg4+eholP+Tdz7UkW3ajcbBjYpjoOSdGSVVhNmS5vlH/RBtskC6IqMiTOkoaA1baLsNodYmeYGc+YxFqknLR2vYaLPlvOsgjialUZCsntzRMxIH63OlXHciPCe1YEBBdCFZEJNudMZOJFTBCmCqpLuupFcvlKWg0OS6UaK04hiiI4mkWFAsfTzCy+JUCrxyTsWt5q8FVSUb5NlSaV4I2ZrY4F1fXEi6Bq4nnRUvx/+PXEoleZ0oRQP8GKUgmh6iVNgveUikYpso3yGHcZpmpN9k4fHN/vy1Jeta4QIESUychkRpiK6aTDvCrkiymBMTDqd3V1gqTxCnPb6wusLP3b6fhl1iddCiYUtQ3hv2H8aNAuI0ISXjPzxzhVcs2Hzxqsd8SWcQSTTA7bMlrpuw+VdPNFFUhSjXq+y4EbfkjgTN1Pg7n3maf/qKJf7XL69Q0DX+zWuO85Fza4RJhlEwsIomwTAkDVI0Q8Nre+iWjqqr4koahqg5ql5RFTRTI41TvnSlw5sONdgchFzoxkSpZNaMnEOmqoMOw6jPfLFO0+9T0A1umNjH+c4mvdDD1gzSLOP+hX38/gunaHkyctochlzqRnz6osts0Rxv6Ke2h+y2PTRF4XTTxbFFQ6IVVK5sDTg4W2alJ04tVYHjDYtuEPOaA1XunDE5uRPysbNt4iDmxkMN3nW0xFShxP/20FlumC5yvuWxUBYtUcsTAu7L91W51PF52XwRN87Y9aT4GUQJaZzSdCM0RaFh62xGsuk3ez47HW8PyPd/+ZBJbJ1GQWd5rsyUI5lStqbw2IYrRUvbw4slXuHZHZe75sus9AIKusqWl3L7rMOT2x3eerjKqR0fU1M5UjMI4oxN16WUb8ZlQ+FQVWOyoHGpF2OoEuCZZlC1FJbKFjtuiZNbA87suizXbLbchDcfrNCPZMzkJxn7SmXSLOVyb0g7cInTlH4kIaFplhGnchY9X6yzNnAxpx3MY5MolbrwW0ajopG2JUulA+N2UMp1uWw0Bsrtzajq3njANGC7JWfaI72MH8jPmHo+NlDEKr2+PSauKkUrDzgM0eZK401Kna5iGVJMjJgroxFTfLFL0vYpvHxRuClzVRSjP+appJ08SXq6mItNtbxQSdHmS+PcnzF+3xYOTBZIoZQNxSKc+Qk0VJRUtDFZ7s5BVXKLsypjnLpNuNZHL5njsdLIqQR7ZFwJjBT3jGprY8dR2vKla5LknRFDBfQxun9kU86SWDb3KCVpeehzpRyAp5HlTBR8iSXIogTVNqXwdCOwdUhEA0OUyPhmZzB+vb84LyltSZclbXtS2DiGjGocS6BxueAWyFO/ZRw+Bsu5vhQwpkHa96SosiUBnCTJQx3lb6SUCvnrJC8WSybYFulKC22yIHodVYUwkEJY/c5oXK6tvz7r2qgI2HI7JGmMpuj0wx4tv0mSyfd+7GPrRs7B6HL9RI2l8gK6qrFUnqBsNqiak4RJTJwmVC0peo7WDW6YmOHJjQHP7vi0fXGZtPyYe+bKvGKpwr9/8zILsyXCJGMYJvzeczsM82DCi6tdLnSHLFVs3rBc4emdLdb6EW8+KAj8OJLbWWWLJErQLbFRvzi3yCyZmAWDJEx487FJbttX5advn2al53OgZvGFy10udTw+cqbH+iDgud2Is50N4a8ELp3AxdakFdwL5IN2sdSgYhbQFZVtr0fJ1EiyjFrNRlMUHlntcbHp8tUrHVZ3huPiZdTtKRkaJyaLhF4kPJQo4UrL5dceXkVVFO6br9ENU956sMz3HJqlZhV51WKdW2ZKmEWTp7cGfP6qz387t4utq0w5Jm/PSb2nm0PCJKPrJ7leJeXByz2e2XYp5sLdp1d7KKrCpGMQJhnrbY9qwWAQJlw3V5buVX68qi6Fn24LP8aPU3GNlSSZ+a5ZhzcdmGdzEPLESod2P6Cac3O6fsyxhsmUY9DyItJMRLUNS8WNUs63PMIk5cSEiaUrnG1H/OG5ARe7AY6h4BjqGGAXpeBGGZYmJNyaVeRg1eCnb51kuWZjaio3TZp87kqfs+0IWxORdS90BThXKbLST5gslLE0lXbgYuvGuFi92Nvm9UvXETU9mJ+SsZA6suLG0nnRdClaQheylKzfJht08xeasRemOFnPYXN5ByXPIaLVlQLGD2Bzd4/94vqig8mTg5OWB5M1aFTzDTUlbYlVeJxdE0lRqVakkwLCajGWq4Qv7IpjaKUlBUMeRgigTRaI1/rjn8nSTG7fEo2GcFREO5J2A7Spwl5qNC+yGK+LhmZEt82CBEVT0Zere2LZNBO3Xu5gUhs2SlEnabqicfFjKR6SbFwgpW48th9rM44cR8sXR82Y1KuOeTRZEOfdJRlLZUGO5k8yGSO18tHei0ZaL+bAkOc4KaqKNl8l7XtjvYxSFJ2NZDap4/wltJyhkguCR+j+tBtIFyjvtgAok9UxoDAL4vGoUC3LSAldG3NNshelPGddd29U5UvnLmsP8twlscsTSwdZjkn7y3/o/xVWlnwrBLrfkUP9//t1rXABrm8s4cYuWZbixiFxmlLQSqRZih+HY/aFrRk4ugjBVvpN4jQlTkO8eMBKv0nFcojSiI9fWOPGiRJPNzeZKhpMFQ1+9MQ0+6sWN007bHseM45GmMS86WCN2aJJ0dSYzG2Go7P9X/78Ve6ad2j6KW6c8daDDm9bXuTmxcq4GxDneUXJi1rEwF6QXD6qObU95A0HSvzB821ObQ74ytUey3mxUbV0PnvF5YkNlwdXfJpen6bXZxD5rA5a3DCxjzOdTXZ9KWbWhl2eb3vseH2+frlD343o9gKauy67OTskybN+4ihhZWeIWTJZ6wcSnlixmG0UxkGPsR8TBzG/8tV1Ht3o8Kb9Ne6cmaFk2Mw6VWadKi0/4vXHpwh6AR9/ap1PPLtFksHJzQEvm53iR66b48RkES9OKJnyQTYIE3ZcCUz80/Mtlqo29bKFpqnCnsm7Ue1+wOZAbOaqrtLr+Oj2XjPSNMQRpSoKfTfieF1ndZDw2ZUhvdDjNQeqvPrwBEXHYLlmC+vG1vnd51rcv1hgf9XCUGXE4xgK108YvOt4nbmSwRdWfT6/4tEOMqaLOo+ue0QplAzB8rd9SfY+3tB55YKDpSk0rCJH6jpnOwKue+eREtOOylsOVWh5MfsrZaIUznUiGnaJilnAUBX8OGS+WKeom6RZhp+7jAZRzHJcQTVENClk3BCSUAqYJJZ/TUe6LlYJxTRQimXZYEbAuTASPYvry9fFVemktPICp9OTM2TbBMcmXd2Vf5siKh0XKFe2pKhJMtE0jGBpmkLS8nJxbkyy64rTZsYRDUwkNl61ZBJd6qLNOCJ6bflSGOQOn9GoJ3MjAdY17D2dhabkALshacsnXhdxb/hcU8ZJOY6f3CKcBYl0MiYLe1qVNCNLUvSlCmouiM3ciGyYW7ar1l7HJBX9TTaMBTiXj37SvoRMYkoHZwSjy9IMfaaYFx4Cmsty2J1Wt6UjYu59rKftgRRDhmQtjSINSETYKqnZ8l4dZwOBiF9BgHaqglIw9n7O0vf+Jmm6V9hE6dgKreiq0JQ7A4gT1HppLMzOfBEZZ73hXhK3acg4aMSOSVOSdXndjLs3ti5REB1XhOC2Ka+96JrG5W/aula4AO2wz9PNFcLUJ80yVvpNtr11wtTH1k1mnRo1y8GNQ6adOqqicqAyy7bbpRt0WOlvcbg2i6HaVMw6S2XZOC90Yt64XKZsqtw1czvvPraPGUfjcysec0WxA08WVC51fJpbA7Z7AaqiYFdtrluuk6UZX1oZ8KPXLfKpS30+e8XjLb/3OLfNOPz+O29CMzSyLEO3dHRLRLu6rcuZniYfcjM5TXdlZ8hzuxG3z5X5R/fNcWKqyFTRQFMUNFXhzK7LjhvytuUyu76LGwfjouf07qqkGRsm3dDjbDumG6R89OyANE6Jcm6Eoio4ZYtbFyqUKxZq/uFnFgxiP8bPu0Gv3Wfz3psn+P7jFRRFii1FVfC7Pv/56R1UReVUc5uvbqwyiHxW+rvcv6/ET924wA/etcD0dInZRoH/+e4Z3nq4xn87v8mX13e4bsIiSeHiZp/TTTkrbhQMtoYhVUvjkdUuvSDmcEMSpk9MOdSKJpMVm4KhEubCW8MxeM3BBgcmixycdEjSjCstF6/rM12x2BgmfPxcmz88tcVPP3ieqqVypG7momCDzUHImZ0hmgqfuNBn2hGreZTCliv6n9VBwqGqTtONxvEEF9sBXpxyqRvT9hNmHItXLDhMFlQsTcVUdW6YqHC535QMoqt97piRYjdI4NF1j9tnC9iawaxTGmtn/CTicNXmcr+LG4fMFmu56DzB1gwalk22fhl9pihnwYoqRQtIoZLG0mmJfLkuS0G3pQOjKtJRGblF4kQ0Mqoq3ZY8AoAwAtcnW9kUtseVLTn790NB+6sKas1BrTrEW0PSjVaur8hdMH5C2vLQppwcOR+OCwi1KO4XbcYZu4G0fHM3DtdEIJuzXZJRuvPIP27K2GQEmkv9ZM/x0xEnkLFUQV8s71mnrVHnJOfJ1AtSMJVFeyPFVFE29IZYk9WyKYWRk+cL+XJykrkRiqaStn2JEhgReJseatXCWKqOc47gRWnPnWDcfVFsDdWR9z+mOu5ijEMkh7F0PJJMrOOxcFuwLSk2kmxPM6LmLqL8varl1N8slA6HUjT2uDbVXEzbD8eal718opSskydEO/aYqjxyCymqglJypAsHZMOAtOejLQpBmBxCSJLJ7S1tXNBIUndE2nW/o4XAtcLlr8+6VrgAtmZQ1E3Otjfx41AQ6HHItissF1s30FWN6UKFzeEuSRZjaw7zpTq6qrG/MoeumASJy/pwgxnHYr5YZ7Gkcaxuy6ay+TWa/oCmJzTY53Yj+pG8iJeqEmoY9ANevq/KD90yy43TJSYnHNb6AevDNk+eb/HJpzc5PFvi1x9aYdPt8AuvWxp3Zw7OiigzCRPMHJuuqApJltGo2kzVCjy+3uOR1R7dUPQ280WdJMvo5sGLBV3jw2c6+EnGlpswW6wy69QAOFQ1WB8KlTbN5POu5ccYuXUTwCqaaIqIdE1NlbA6P6ZRkByk6yaLfPfROv/TF9dZ6Sc8shFy15EJDi9WObRU4023zvPO4xM80+zS9FPaQUqaZZiazrG6RS/0eN2+Er/yqv18/3UNDlbL3DVb4JltYeS0g4yXL1UxHANTU9no+nhRSpZmY3ZMOAhZ6fpMOSaaoshYJ4gp6KrYx6METZO3RZikdH0R5k5XpNO2vj3keEPGTCC8lk+ck+BNEQX7LFVtvvu6Kd50sMYt0w7P74acmDBoWCqfuzLghXbMXFHjXEce95WL0n0qGCoHajbPNX3h4SQRtmZQNQV0+F+ea2KqGlfzNGBNhQ8/3+PhdZ8Pne5ysGZxw4TNZKFMnCbULIOm38eN5PbdQDajptdnO8fK90KPLc+D9R2sOxdlA7NLUqAo+cdDHErxkuVMl9Hlfm8viwikiHHsvdFRpSjFy+GlXNdioFSKcgads01oVPL7CuVn4kSIsDB2LSV5knIWpXlSsSIuoJEjpuejNQqo5cLYGaQvyf0qlj5OODZvncuJudJZGIHURl0Zkiy3J2vS6SgaIubNwW9xHjGQtL2csxIJbdeNSNYHJN2AZMdDa9g580QlWR9KsZMXNGre4VBrljib8mPQl6tjQfGY/ZK7efSc2KuWzHERJ92e+EVal0yszmE6vt3o+QPjjs7IDj3qiEhBIATjbBigFK08g8iUNOz8swRVEWGsro4jFCDXwdQL0g2xtL1k6PwxMj8k3enmSdpyzNTK0nnzAxi44wiBESMmHSVLA0rZBF0Ty3bNEeR/rqtSDG382XNt/c1a1wqXfE0WykwWylTMAoulBrqq4egm2253nPasj2a3qCRZjKU5GKpBksUoioqp2pQMWxgZWYqfwIHyFCcaOs/u9ojThK9vDTlUMzndFHDc0zshL18sMjNZxCgY/N2bFrjYCahbytip8pkrQ0r1AoqqcPd8mZnZMk9shdw9O8vb7lwkDmL+3WtPoOcfUkFf8jyWagW8OGW5ZvOmQzUKukaz5/OfTu5gagrPNgXGdqYlCPxuENPyI/7wbJ+NYULNKnJ10GapPImjW7xyYT83TS5x33xFwv+udsedFrtgEHoRXij6kpKp8bbjU9x2sI4Xp8xPF3n3iaoQYSsWa4OYuqVwqePz6v1l3n2izmv3F3jDUpXfeLrJmVbIyW0fP4m4OuizNggJ03isy5h2VMIk5mtbHjdNO2iKwsMrotmxdVUs5xWLMBXNyqGazmbLwy5b9Do+LU9CFQ/XJUixkds6axMOSZLyhcttNvsBzZ5PEiYkKSzNlSlWRXCtKQqVkklB11jZGfLIus+tM0XCfBPXFDi57VK1VGq2xmObIUtljbvnHKYLQs11dIWJgo5jKGOGzExBpWBofO5Kj9WBjCj3lYv0wpibpmzcOOT26Umua1Q4NiFdhIalUrU0LnYCKqYwWz53tccwb6HrqkqYxkw7KrZmMIh8jtar1KwicZay1k/wPnWW+NKujIpUHaySdFRMZ+9Ll5TobNiC2Jfb6JoULyONwkiYOxoLObbkF40ut03ZFCdr0pXoDUk2+2S+6FJAnCJpJxACbpqhVS3UoiVC3dGIw5YCIB3IeEXgc954lDEaa4z0LfpcSUYUgKIp6AsVCRLMCckYqoDZymbuBHIEatcJIM3QZxyIUuItF62eFz7FvPDpBjLiyrsoSf6YWZDIeMnJxzrrAylWcvT/SFSrWAKkMw7XUAxViq7cGi3374sN3BPI3ojcy4s27syNJZfIjcaPS17cjLQxI+2OYkkhkHYkc0qtWfJ31BSyYSBJzMMg78To47+JUpVsoawfji3JiqEKyE6T70eRCUoh7+yMjs8PRVRr6ZJXpWtkXiRuqTxCAJCitOqMn4uiaxLoGKaSb1TItVT5MaGq41HSt3tdA9D99VnXXEXAlttjyiqPHUJmoqOrGqoiZNFB6PPl9R2+59BB0iwjI0VTdExVZzcaYGkmUeajKya2VmDaqWBqOrdM1QB47b4DDCKf9WGbQZhwqKbz0NWEbpAx7ei0/JRjE7KB2rrBL9x9mK9srKMpCm0/4uGVLt4wJImk8OkMQz55vs0nz7f5j68/hqkpfPziKv/otUv80p9elNGRrfPChV10S+fJXkCYZNw2V2LHDcd02ZIBBV3lHUca3DZt8MHnulw/6fCKBYcwiekEQ6YKJVb6Tc52PPwk4mhtFlszOFo3OL5Q4dyOzMBPTDqc1xS8KCX0ItYz4bO87kCJW6YdSqbKF696fP5yh5KpSfRAlHBswuH53YB3HFzmfY+c51A9oqCrPL7e5xfunebLa23eujzPJy+tc64zZKGkcaSmslAscrk35NH1IbfOFDne0KlaNQZRxqnNAWv9gCnHZMcN+dk7pvjQ6S6qrhIFoglab3vYBYOrPbFy7+Q6nOVGgZVugKYqaDr03IhiHkz58sUSnzjX4Xxb4hYaBZ317SGTEw6XOj4tP+L4RIGvbw5Fa2NoPLw65EDN5mo3YGsQ8rL5Ah871yVJoWQKnv/0boSpKZzZ9fMk7ojD9QKTBSk4hnGYgw/Fml0ybGzdYLna5d55i2O1CeaKuyxXKxypLTGM+hyoaPTDDEtLsE2HmlXEj8Px6/rhtRavWpTYin6Usfv8Louv3p8XIiEEgz2GC+xZo8vTKL1NsihEsdU9douqglpGcQqgm2T6UOytI67LKM/Iz7ss2y3ZlFxfkp8BtYacUedn3smLRjrx1a5YgXNiarIluUhqySTZcccBjNpMkej5XYzDddnkbRHIJutD1CCW1OQoIYsTtKolY6dAujxqVYqPpOmS5WOYLErItl0R3uZ6jNSNxi6gJGfKZFGaW4hTsn6Evihdo7QjXJh4WwS2WZrlHQ0ZfagNm2woQLosyWSklXcTgFy4m6A6yGPmhVUWJdJxcAyJMSjvUYZHQuO05UvHZi53TbU8tJniONtHMTQRxY4EsnmhpKgGaKkUcFZuW04zsr47dhMBMsJxLHEUjboglXy0FCdicw5jAcTltvjMlYIo3ZJutlKUgMbMi8bhi6OxluoIGXfUBRJ6cYKi55lWaSqOq9KeNufbubIsJUu/uQ5PNgI6Xlvf1LrWcQGa/oAwiRmEPn4cEafp+HtT07nY22ahpOFGATXLoRt0CBMfP3FRFQUv9tkcdjjZvIAbu9Qsh9VBC1PVeWJrjS+uXmbb7fHF1SHvPlHnQidGUxVetTDPa/dV+OT5No+u9XjDcoWPXVgjTBMattiLi6bGVq7XsMoWlzrSAXjDwRoFXeWfPn6Zhq3x7x5a4Z9+4SrOhIOqq/hdsYFmWUYSJjzfHPLgJfmwOLcj97c5DPM4Ah9NUXjd/hILJY2DlWlURcnza2pc6fsslDQOlCdZHbRYGXRZHSRoqoJj72UQ/a3jEyzXZCxVt0WoeqET864ji9wyKUXh7XNlTkw6nN4eMIgSbp22SdKMXujxhgPlsU35+443+OePCfDvdGubpYqGpSkMwowPnGpxsTtgY5jwqn0l/uR8i3/1+CZPbg7ZGYYUTC3PT5KO1QOXXW6adrAsnfnR2bKqEEYJkRsRuRFqznvZHEg2UMnQGORukvuXqhyfKPCllQHnLrbwIglsbHkyKguTlHNXO+wMI/phyv/zjmmun3Q43XRZ6wf4ccrJrQGNguQ7vfNoDS9OWK7ZPHSly+mmz+Prfcx8RKUpMFvUudCJOdUMKRs2S6Uqli6F9Eq/SZjEuFHKkWqDhl1iuVrBjQJ23Cbrwzb7yzaHa5VxB7DlD7B1MxdeJ0QprOWxFramYDh6joXX91xFIwu01wG3I8VMfxsUFcUuyfeNqjiJKiXRsLgeWacjb6w4ketMY4/f4ocw8PacOqoim1rJkbyfHRF3p24k1uScIxJd6hKdb4todbUjZ/puhDZdHAPjtJni2PmCltuL/WRMeE19ycHJ+iFpriMRyJxYlbNIRlMyzknR91cwDtfH0QDafEkKh6YnehQ/GQc2qiVTXEgNOyfhxjkuXyXeGOwVB25ENoz2QgKTTJD+nUD0J0E8zjASXY2xB8KLUnncfMyXBSNBb65PKZs5bTePMMiLr3QggDpxcmVjmi4gY6mqQ+ZKVwOkeBSeiiaPOyp0yrZ0cpJMuh15FpEy4vDo+tj2ruQhnEpue886/b2OlyUsmBHxNh0GpF0/v0/hzyiGNmbSpB0317qIgHc8mhzReONrVp2/aeta4QJM52OiTm4fBXAMC1s3MVUNWzM5UK5TseSsM0xikizm6Z3z+HGEG4dMFsrUTGfMxpgslHlyu8kTWyGfvjTkia0B985ZTDsqr1io8WM31Ljcb/I/f2mFdj/gX756nhlH5WWzRVr+gBsnFvjbN07Sz2mhhVxkO1s0mZt0uHPG5BVLFTYHIf/1iXXedsscrzgyMc4HssoWtx+bIkuzMZek3fIomRqL9QKH64XxRplkGR89N6AbZKz0Y57YXmWxNMGpZofTrTU2hgk3Ty7h5vofTYG2n3JmZ4jrx7zu6CR3zVd4dH3IhbZHy5UPKENT+IFjU+Pf801TFl6cMF82OTFd4lLH51MXe/zYDXU6wZDLvZiZosFbDtU43tBZqthYusILrYhz7ZgbJw2O1HUO1Gx+/wXRwRxvGByuFyiaGjtDYeJ4YcJKN2CtH/KyxQoLZYNOkHDjVJHlmo3hGOiG/E7SWDQwR+bLmJrKYBDymgM1Zksm77hhhr933yKaquBGGWd2XYx8pDQiIDccEy9MmJgqstH16foxd0xfxxevdGkU5DmEiXBlbF1hdZAQJBm3zJTw8igBTZVR0Ykph//0zC6XOj6fv9Lj61uexC4EPhtuF0OVwEQ/iWj5Q5YrOv/u6VXWh216oce0U2XT7WKqOo5hoSoKcZqOWS5f3dhipe8y7RjcPlNgpZ+gKiqv3tcgcoWmyigWQNPHllQMW3QtoQuGLenQsU+2sS1hiromX9OSkYWdI9hHTqORRmKE+3ds1AMzYr0epUSHEWk3EP2EKl2KEQNEMTTJT8oFrmPRpqESX+1KxyFnqYxybdKWh1q10aoW0UoPfaGMamvjMMERNC7z47FwNlkf5K6XBNUWzos4bwxSN94LVywbZG6MouXjKDeSzkzeJVBUZdwp0qYK+WNJMZG0fIG+9cNxoaDNOCja3kfxOAV6GAmCv2GPhbYjoW7mxnvuqHwEIR0q7SX3o2iKkId3PCkEfeG+SECjCJJHv3ulaOT6mZwgXJXPO6WQ24/9UJ5bTjoeFZ9jG7Sujam5Y4LuCCyXZgKdcyzhtwQxadvLeToaaqMgjzGM5OdHItzRqKrq5LygPBQz10xRcsbC4m/3+us+Kmq327znPe+hWq1SrVZ5z3veQ2d0EvHfWYqifMOvf/kv/+X4Nq961av+zPU/8AM/8G17Hn+Rda1wAeo52r9mOvRCj4pVwlDtcdehYRepWXtFSc2u4MU+S+VJKlaJ6UIDU7M4UJlDV8Xm3As9bp2aYLKgoqkKF7sRbpxhqCqb7gA3ynB0k1fur3LbviqnmhHzJXlTHq7NyHHZKu+6YRrDMWjYOjM1m1tmS2x1fL60GpBm8PbDdf7uPQvsrxj8b3cf5ZULDtMVi8mKzWv2lyTLQ1eplEyKVZuWF3PLTIkwSVnrB8wWTUqmxvUTFq/dN8GdMybLlSond7aJUilk0gwGkc8zzSabw5AntkI+daGNaWg4ts5EQeMLl9tc6njEfsyNsyW6QczHnt8Ryq7XZ7JQ5t65GaYck3b+4XvLTImqrfEfTu7yvq9ssVTWqFvykpxxKhQMlUfWhrhxxuYwZrrgsFQSKN1r95fZGoT8yhNNkkwKuoKhsuNGzJYtkiwjyTK+crWLrUkq9iBKOLk1IByEmHnb3iyZaKbG5iDkas9H1VUGYcIrFovYOY7/uobBclXn5fuqFKs2S1WbE5MOC/lm8hO3zvBPXjGHqqvsr1qc7VzmXcfrXGp5LFQs9pV1Vno+lzsBgzDlkxe6zJd09pV1GgWDk1sD3nl8gjfuL1DQNZZrNq/YV+FAzeKFVsjDazLDb/spuqJSMQvMF2vMFQtULZ35Yh1bM1gozXC0PiejSlUuP1ybwdR03DijbCgcb9SI04RHN1yCOOPjF7d59eLrMEuG2FtzHQu6+VIh7kjnku3h4MfwOdcXoaeuoxSLslE59h4117FlZNRsy3Ug3/eGeW6NRtoeoB2ZQ7FNko1BPkIR7YhSEJGsNlWQboWVo94jSQZWigbxmoQOZmm215HwxU2jNUQwPNo0tEmHeLUv46g8gHHERlFsTUi3+Wt0LFD1BbWvTTrCe3FyGJwfy8io6Y07NiOSbdL2UBsFtKmC4PQnCzn9VwByWZDktuwYJXckjTQhoy6JWrUgSkhanrihNEUs2yP3VMOWy0ZAvTQl2ZHxXNr1x7odrWpJ4ZB3MtJuINlFUwXRqETJ+OfGeP8Rj8exJUCxH+YjGyEjK4Ymo5tKUQoMX8TEiq7u0XdzvszIXk2aiUhbVUXg7MtYaKRHUqsC4xt3qIa5Xmjg7X1gj8TfIxfbd6jj8tfdVfRDP/RDnDx5kk9/+tN8+tOf5uTJk7znPe/5H/7MxsbGS75+8zd/E0VR+N7v/d6X3O4nf/InX3K7X//1X/+2PY+/yLqmcUHIuXXNYa40T5j4RKmPH4v2ISWjZhXRVZWCXsKLB/SCAX4SUcs7MINowCCSN9i222WyUMaPIzbcLkECLS/iq+d3efCsFBBLFZsdNyRJmwyihCnH4OXzM9i6wVPbbQ7XUup2nQvdS1iawrtumObprSGmpvLkRp/XHZ3kzK6Lpio8v9HnnTfOUDYUVgctlsoT/ON74Wo/pOWnvOrENCe3Brx8X5X7F22e3om4Z07EsZpa5cmNPj9ywwRNT4i/FzoxE3ZM2VSoWhrn2jGOrvCRc2t0gzR3DCmEibijXnOwzh++sEvR1AS2pom9+61HJviugzX8JOKhtS7LlSGOoeBFCcs1i1unLf7kQo8fub6GG6X8t7MZW27Kl1Z6eFFKlGaS9RMmQqSNUgZhwntvmiVKMu6arfCh07sUdJW/f8sMv/38Lo+v91mu2SxVLM63PXbciN4g5KktlyO5rdPUVK7bV8XUVAqTRdb6AVvDkMONAk+cafKy41PMlQy6Ycaja33unC+zPghlRJdlnJh0KJka3SBhcxBy10KZDz+/S3p8gjvnKzzXlA//+xeKvOemaVZ6EY+vuey4EaamcqCi86SuMeNorPQT7l0sszEQaFySZeyvmjy2NuB1Byr4CUw6Opam0PRSNoYJ+ysZ7cAV4GGW8rolm/c/dZb3HJ/hQucq+8pTxKkUzn4SUTIsPr+6zaGqnJV2Ahdd1XjD/gm23B7/55MtVLdH0Mvtz1rOcYl8ySqKfEhUGQuB2KRHeUOjAsYXASsTddBMGOzI9R3RoRAn8n0YSTGzuiUf4s0+6rREASijmIDJOmpriFoukOwMcrhaIiOWJENfLOdFgjhrSFPUqkXSdNEMlehCW4qGDW+sCUFTSHcGIkKFccK0YuvEq32UvLtCSfQjIIJbrWGPLdGappD2ZTykVS0BqCUZSlmT45orCfsl0uW+DY2k7Y2zh0YjIcXScwGxljNhJFog68RC8W3YxK3entjXj/NxlCYFSs6wydxIRlI5aVf+djlh2DHI8nGKQOw80hF8LncDEYntWzHycQ4iWlarltibkwylYpO5gYQe+iKCztI010HlnSc/lL9/3glRC+SFieiI1Kol48S8+5b5oVjcyUdGRcmtSnZdgf11A9G4GBoEuT5mFHLpRSiqStpx90TVlRIY18i5zz//PJ/+9Kd59NFHufvuuwH4jd/4De655x7OnDnDsWPHvuHPzc7OvuT7j3/847z61a/m4MGDL7nccZw/c9v/O9e1wgUZ/QyigH7YwlT3EnQHkc98sc6226NhF0kzAbNVzAKbbodZZwJFUemFHuvDNgcr0zhG/gZW5AMiyTIudfwxor83CPEcAy9OKRkatzRKPLnRp+l7LJYMDlQMOsEQNw642A74keurBEnKQytdwiTj1QdqNCyVaUdn25Wsmg8/epV9CxV++5ltPvCWI8wX63xlfZ1ntl0Kuow/Hlnt0fJi/uFdB/Mz9gFf21rlLYdqfHnV5WDN4ree2+KOGYvPrnRZKmtEacZCWSOIMzbcmMfXe5iapBJrqsJsweB8y8PvBxw7UCfJMn75FfMMopiSoXO4NkvLH3DHTIGr/ZAX2jGbw5Akg5avUzI0fukrmzRsnZYfU7V07s9trEkGd8yV2PViPn+5QzAMOd/2+PJah1unbT670uX22TKntoec2h3S8iTLZ8ox0FSFdx6tsTYQTg7A56+IYLfVdAkbBX7khkkAnlzvcf+BOlVbp7u/zpldl+MTBS52Au5fqvDIWp8khZYf0W55mCWTum2gqdDyYp4/18SZcPi9003u31+j5cEz2y5f3xryrqMVohSWKlWiFC52ArphyuFGgS9eddlXMZm0VaLUIMlgf3mCxzY38OKEh672edcxcWF98nyXJMvQFAU3zrA0hUNV6YbdNetwtG7wQrvDYqnAl9fP0w1S6rbK51c8wiTDi1MGocX5dsBP3DjNIPLphR6PbYbcMlsie/xLmKXcbquoom1RVPB6e28SPb9ON1GAbCS6zZOe6Q3Idtv5GXquZ5luSAciTmRzCyNo9YjX+tK5mK4K+h8gToifW0dfboy5IqpjQDl3GFXlfZXlhQVphlKzBOqWO4nURoG0H0lxY6goebEBopnBZU9YaunjkQyqImMeSx2LZNWqJaOdLRd9sUzqgnEoF7bm1mNB68vra9QBGcHi9LmSjFwSiRfIkvglXYV4pScclH6I4qsvGeuoDVtEtDlUbzT+USxdxMCOgWIgIzPy4EZbH9u5RyLj1E9Q8wRr8piELBAYXdryoR+izpal46KqQvbdGo7HUsBeUWPqpLmQfUzHjZO9kU2aQqkgf+s8WFEpOVKM9obyO/akWwb56CeMxvZp1cn1K0hnQzFUKdLCeI/4mxddai0XiscxWadP2nb/Qp/z3+z6VmYV9Xq9l1xuWRaW9VdPuX7kkUeoVqvjogXgZS97GdVqla9+9av/3cLlxWtra4tPfvKTfPCDH/wz133oQx/id37nd5iZmeHNb34zv/iLv0i5XP4rH+83u64VLsCT27vc5UyxOexSMnw23S4Vs0DDLqEqChWzgJ1bow9UFonTkIrZx41d/DjkUm+Xe+aOcrG7wXShQi/0uNofEqUZz2y7NAo63SDByJObwyQjTDKmagantgfcs1jh8yse73vZcaYLIqL045BXLRX59afbmJrCffuq/PHZXQnNU6ETJNRtjfOtBLuaE3ALBr/13A6XOldZ2RmimRoFU6NUMqlaOi1PSKlplvEnlza5Z85iyxUy6zPbLi0v4sSEyRevdFkoW+OiKYgz6pYcw4WcjDsMEwq6yhuXq2I9Lur0w5R2EOFGGdMFk8u9HUqGzaRd5lynyYkJnapZYaGs4UYZTMmY6uULNr/0uas81BxSvW2eh692Kegabz1c43zb4ydunuJzV/q8/1XH+akHnsONq/TDlOmizuFGgSjJeHa9h2HprOXY/fMtj1tniySZjFhesVjkIy+E6HlO0odO7/LuExNomsqDp7eZny5StXRKpsa5ls8gSliuOHxpRWziN04VGdRsbpl2WOlFDMIEUwtpLNdZKMsHzuYgpKCrbA5CpooGn18Rm/mxCZvvOjjNI5tNbpwocaHTYbYkoZInJkzm/ISvrPtc6e/SsFTuWaziRQltX86aDzcK1G2NC22fpbLGU1sBd89aXO7FeHHE6/ctjAXmK72Yj7zQ5idunuDk1mAMGCzoKj92/SQHq9Nsuz2eb+1ytKazMUxJL+yiWboUGiONSzDYGxMFA9EcGPkYya5I8dIb7HVdahUZKfiBbF45k2U8KqpV8k5Ngn79vHy/uiUbmy4BfvpCnrisKaK7cPeIqIotDpa0NRS3SiC02aTtYV43jToMQFWkyOgGYndue9CPMA5UiVZko1A0RUZFW0MRmmrKnuA0LxDGbiM/BkMlabro++sk610R3ZLTb6uWFCJ5tpBiawKUMzRxOeUJ1vqcRtLy5LhmHFI3HvNVtBmHpOmhTxaIV/to8zLezQIZ32i5Y4lEghKBsaNolJysljXhxpRNcemowkRJWz5p0yX1E4ylitiT8+6FMgqARJxL2nRxzMNJ+6GMssJYxja5XVkZMZt0XboejWLeiRmlfXtSiMQJygjTn3dUiF8Ujuj6YJsiCAayNBWybhihlG3U3EGkqAppEEtEQCjWaGJJq1ZsXTKt4lh+9juwsiQjU765wmU0rty3b99LLv/FX/xF3ve+9/2V73dzc5Pp6ek/c/n09DSbm5t/ofv44Ac/SLlc5p3vfOdLLn/3u9/N8vIys7OzPPvss/zDf/gPefrpp/nsZz/7Vz7eb3ZdK1yAS72EJXfAK+ePc7m3wbH6AhkpqqLT9DqAZPXUrCJu3MPRK+wvTxOlEY5hsVyZIMtSlsoTDEKfuWKDpt+nF0Ys12x+5PoaHz8vZ/yXN/pc3uhjOAZLFZulis2r91n8wZkB/+nZU7xp/zQw5HBtP6/bl3Guc4nzLY8vXO5wuFHAjTKCJOU1+8SxM+UYNAo6d8w6bHspr160+IWHBzSqdj7SiOkNQl6+r8oNk0IBduOAGycNukHGubZ0QDQVbpkt0fJTkixjX9ViqTzJAysbNCyFs609VsKljs99+6q89WCRO6aXeHxrhTumF3mhvU6QiNNlEPnoith3n93d5Z7ZSf740jbff3SRZ3e3gIw7Z2ZIsy0u9RLuWK7z1NUum8OQQi62m3Y0wkTyem6YLvKH51fZcSP8JGOuqLE6iNEUQelPVmyaPZ+VLhybkJ9/Zttlpevzd2+d4itrnmQjZRl/56YJHF3hbCfm7Ucn+IMn1vKODcyWTA7ULJ7eGvKLn7lCtVGguSab3mzR5Ehd53jDYL5Y4vGtLnNFla+uB+wv62y4KV0/ZrZk8txmnyNTRQqGiqbAmXaLz1zq0/RSDtV0NoZCyr1x0kBVYaKg88hGyJv2V/no+TZPbgz40krCP7h9mu87UuUPz3d503IJN85407KDrZkcqiYUdINO6HJ10GfKtvjiVXFrPXB5wH37qpzd9fipm4X23LCLbA671CwHx1A4VJ3msc0twmd2KEzYe0XISNui61KoFGooeUYRAKFL1mxLceJ60nHJdQtZbntWnIIUNpWS6Flid0/A2ezKZpeLetPNDup8A+KEdLsr3QPHRg1jFFMn2XWFqZJD3ZTcYaOWVIylqohA/Ri1XCIjJHMjElwZ++SEWNXWUCed3LXj7TluRpv0MJIOiiUWZw32AHQtn2Szj2LpaJYwY0gykn4Oiss1MpoxSnw2xuLhtBuI+ym3JKctX4ICh1Hu/NHG3SSQEdVYnGyN8qJS4g1XdD4NW9xFfoxS1El3PDTDltEO5A4kKQa0GUceu5G7gUxVHFZF4yVdFYBkd6Rvyam6eSdJMXMhb5QI3yVOIY3GlnXFNsfCXfKfFaePsF0YjZZyIfIo6kExcoy/pQnzxRUXJPnUR7HNcQI2cSyPo+syGoTx/4FxAfT/S+vq1atUKpXx9/+9bsv73vc+fumXful/eF9PPPEEIELb/+vKsuwbXv6N1m/+5m/y7ne/G9u2X3L5T/7kT47/f8MNN3DkyBHuuOMOnnrqKW677ba/0H1/q9e1wgV4xYLFtpsQpj6L5QnaQZ+aVeRid4MDlSncKKDlDwjThKlClTD1URQVXdVQUJlx6pzrrLNYamDrJp+/eo4ozfAT6PryTrx9VuyHL1so84XLXU5MObzzcJ2vbfdp+ykFXcUxRHjZCz0GUQfHsKiaCm87VObfPulRMjQcQ+Hrm0PevL+EoSUcrFsYuaDvtikDVVH4OzdNMuNovP/xHcnNsXQevtrl9plpdFVGW0XdpOn5PLLW41dfs49HN1z6UcZKL2TKMcedlVctTLHpdvjKpTaHpot0/YQfuG6Cbphyejfisc3zzBRUVGWVbTfhpskqa8M2bT9lsZSwWGpwvFGj6fdZKmus9HexNPBVhQeubFAyVR6+2udwQ34/z24PuXO+wl1zBY7Xi5yYDLB0hXKq8J8fWUNRFX78xBL/n8fOj3kvaZaxr2ITlky6vYAzuy5vOtTg8fUeBV1jYygfcKMU6RONEk3f43X7Knxprc/CbImWFzNVNLh3oUiUZpzbGVJtFOj3AiYXKvQGIaaq8u+f2mW2ZHLztIitbU0CNe+cqfNzX7hAksKJKYdXHWxwantINdN4ZG3Aw6sZP3yizlPbIbamoCkKB2oWZUNlY5gQpRmGqvDpK128SIIc710o8sWVIQ+kMq7aXzE43tCZc6o0/f6YU+PoFiu9hDQNxuOyQ3Wb9X7ILTMOk3aZlIzVQYsob1XvK9XzOICMYNfD3lcR/QmIziUJRd8S+TImGqH/NVP+hT3H0Gh0kAPBALJWV3KLZifHrhIqJeG+qIoEK77YERInwnfZ7Ul3oTccA+CyIEapWmhzNZK19p592FDBjcbaj/hKW0BzSSaFSiLpzWmzPz7TVSwdtSxi0CzXlzByAeUFQ9L0iLeHwmNZrqLamhyDLd0PNbctq46BYmskWy6ZHxNHibii8tGGWnMErjcKRfQlIiDJAxyVskl8pSc6FDdCP1gVzY0qXR7F1kUIbIluJvOT8X2pjkGy48mx5ZeNAhu1KYfMTcZ8mcyNhECLiH6VNEObcFDUiLSXd4qGsQii++GegDTNpBBNM9GW5BoTcQbl17sBiiPC34wcCpeLZRUzTwofaaLCSHKLGsXxz2VuIPwZU0UpWjKOyqm7iqqQaUouDPZR6qW8o5Oi6OxpbUzjW7EN/LnrWyGuHf18pVJ5SeHy31t//+///T/XwXPgwAGeeeYZtra2/sx1Ozs7zMzM/LmP8+Uvf5kzZ87w+7//+3/ubW+77TYMw+DcuXPXCpf/O9fR2iyrzW1eaK1z0+RBKmZKJxhSMmzcKGDb61ExC7hRgKbouLGLrdv0ApeqVSJIQqG4bq9y29QCrSBlsqCyOohZrJg8cNnlSN3kcN1iEGW895YJTjUjtj2XppcwVzSo2jprg4SvbqziGCqzxSqqovMTNxzj2d2rvPv6Sbphytc2Brx8sczJHZdWkNLxE/aVDe5fbND0+hyvz3O4mvLo5hqHGwVObQs/5MdumuIV84tsDrtc6HR5aM3nhkmTdx6b4KPnerz7+AT/9XSTJM1Y6fncMlPiH3/1HO+75zAfel46DpdaHjfOlrB1hbmiwWcuD7nUEYv19x+v8ZlLA/phRtVSOV4vMu1UeGZ3k/liidOtAE0BXVE515cxyIGKzoVuzN0LJRqWys5iheVagbVewKVuzFzRw4tTVnqyUf7AHfN87Mwu//xrF5gvmxyt6Rypm3zouSaaCscaDiu6moufI5ZrBTQFqqYiIyRb41LH4zef3eFth0rEWcL5tpz5jVKcv7bp8uSVDmmc4gLhMKQ06aCpAgNM45SNrs/JjT5ZmvHmY5OsdAN+4+QO3ZaHZmo81PPHDrDTO0MGUcKxhkM7f12cbQeUTI39ZR1T09lfEQjhl1cHfNfhCr1ABNuaAjdPF3h628M0xOE0CDMGRoCqqOiKhp9kbLoDumHKCysSYvnG5Sq3zxTYHMp9NP0+uqrxG890mHIM3nVUx4tjbp/eD+yQRuleWnMc7r0xRgXL6P+jDdjz8rFQCLY2Fmdmvrc3KrItGT35gXRmekPo9Ek3OkKMHRU5rjhfohe20OeHZP0Q9cAkuB5KvTDeWBVbJ1lrj4sCbcYZH6bYm/ORz1xJxkVNF3XSIdkYSBFRNsfjpdSN0GeKxCtdFEMbRwCMuw2AsVwjutSRLoClj+9fdCLxuLOSuRH6/gppJxBqrJ8XDDnJNwvicUdF0SRtOXMjKJskW+5YtKuWTCkeRmh/Ux0D5EA0JlmUkLmp2LBHWUt5ttCouyMdoNyBMypo2EP/a3MlGSG1Pfk7qMr4cdKWL88/ycZQuBFELu36oqnRlD0XT85pGQlulZHLZzQmhL1/R6+D/HoFZDSkq1A05H7iZPz7GEWWyHPMn++Lvs/8EKU2ioZ40Wv227i+laOiv+ianJxkcnLyz73dPffcQ7fb5fHHH+euu+4C4LHHHqPb7XLvvff+uT//gQ98gNtvv52bb775z73tc889RxRFzM3N/flP4Nu0rhUu+RrluKz0t6iYhbE+w9YMpgsVBpEELrqxi6WZaIqOrZv5SElhsdTgbGeNJ7ZXWa7obLkJaQbvOjzLf352jcmCyj1zc3x9e5PlagVN6dINUl61WGTHlWTi1+wvsdJPmCxkDEKfhdIkv37qUZ7bDfi+o2UeXpcMoJafMt0wqNsqtx6eJc0ynm7ucv/CPi52t8Ud1I3529c3+EzZ5NHVHpO2ynOtdY7VZ7hxcpqF0oBTuwO23Zhbpy0O12a5Z16gbpc6PnMlyfv52IV1TjeH4xTqlhfzyJqLqSl4cUJB10hSONeJ8eKEBy71mHIMbA0OVKa4aWKWlIyy0eNsJ+ZAJaSap9eWTYVbpgyaXsrZTsyds0W6oXQbDE3hVFOw/O84UufEhMFtU4u85UANkIydE40FvvtjXyPJpKg66/bQTI379lV5amNAo6BjairdMBu7dwZhwkxJislSboMehAn9XkAcxGwVTdJYAFpBP2B6ocL6tgD74iCmMVOitTVA1VWuP1Bnf1nnMxda3DlfobRY5UtXOhQMlaYbcaxhUrc1Jm0VVVV4ZM1lpedzLM+g2hyELFV0FktlHENiCA5VJQFaU+ChNZ9bpy00VeFw3cLJN6uNoceUY9L0fdw440I35FWLReI0IUqLFHQ5A71jZhY/jmj5A55veyIo9iOebUqY5a+8WsHRFZLRBuf60mkZpUODdFyyVDothp2nRPtjASamJW37UZBifoat1Cpk27tSnPhBzuAwUfdNSIZRbzje1DI3wjjYkJGAY5AN3D2tSD8UN5AqjhfSjLTloeQ8Fm3SGWs+RlRYxRDAWbzaR58vCbZfU1BQxwVMvCUZQlmSEZ1tYxyqQZ6irC9XUXRt7FxRitK5yfyEzBrZweV7Rvh+W0OzC3IZjFko2lyJZGNASl5gWdrYAqwvliWteTQS0vas0IqhjgWqI9uwoilSuJRt2dRHTJc8u0gtmWMRa7Llkvp5TpIjBRYIaVgxVJJugFEvEK/1BNyX5l0oX/4Gac/fEwXrqrh8QAqdticdnFxsq9jmnl1ZlaTnMWxO1/Y6LshYR6kIjDJLRbejTlVF6JumUsTkgLsR4j9zg7HWZkzp1TVJly45UvB8J1b2LbAzZ98eO/R1113Hm970Jn7yJ39ybFV+73vfy9ve9raXCHOPHz/OP/tn/4zv+Z7vGV/W6/X4yEc+wvvf//4/c78XLlzgQx/6EG95y1uYnJzk9OnT/PzP/zy33nor991337flufxF1jWOCxKyeOeMSZyl/OpTV7nY26Zk2LQDlyd31nDjkEEUcKq5jR+HRGlElMpcdcR7qVoljtYKdIOMfpTy5gOHiVKxnx5rmFw/UaNk2ERpxicu7nJyR0Buwyji1G4kgX5BykJJCLG90ONM+wIlU+X6CYtzHfnguWHKIUxko+mG8iZoBQPecuAoD169yh+e7/IzD65w27RsXo6u8JoDVU63IpYrE9iauJYqZoEbJ0q8ZbnAz1UP0AmGbLspZVPlVfurPLY2YKKgMe1oLFVsVF1F1YWToqnCRQmTjMtNwds/u+NS0DWqtsZbDpY4uRMRpwl/dGGVz11dZ3WQUDUVHloL+czlIU9tCYvm81d9LvVijtZ0jjd0XrlgS1q2KxTaH7p+gpfPi3rdMRzmi3VqVpGjtTkudre5f3+N1xyo8XdumeFH715AURWe3R5StTXOtz0udTzOtXzcKKOgq7zpYI3FksYgTPj85TaXtge4eVFWbDiEebTCKINJUxQiLyIc7rXQp+bKOLUCU47By+Zq3DZb5pfuOSYaopJJydAwNJWHVwc8sT7gYjeSDlPNohskPLnRlyItiGl6CZ+63GLG0bhnscp/ea7JIEq5e3aRYw2TsiGb2Y6X4OiKNCnijE4QsVgqs1TWuHfOIs0ySoaNpenEaYKuCE+oYhY42/F4fjdkZxjx7PaQc52IW2ZK/MYzHaIUigsl/LX+HpdFN6VAyYW6WY79zwZdGRO1utIxyQFxL/n/SHC5vSsdGVWVTWu0ufQGcpveQAS4rSHqwVnZEAehFB16LnKtl0TvEqZ72PkoGYtbtUlHxJ9JhlJ1xvqXtB+KDiXNJNQxSqQrkQtSR8GLiqFKhyMX40JOtg1iiR7QRCQrYylNNCOjYMO82Ev74bjISprenq4l11+kTVfAbyO2TJRKIRKI8FVxDGHVjI6nasnzGoUjRqkQgwch5Mcw6kCNhMzZSHPTDeT5qeqeXfjF60WuJq1qiV25JgnRaT8UAbatoxSk66NUpSjIAnk/yPXSDVJsUxxCunRcxl0ekL9rPxRHkp9r40adFlUh64i1XjENKUzyIjaLc+1O1RkLgtF1lFpJHndku88Lo5FYV7G/wXP9G7g+9KEPceONN/KGN7yBN7zhDdx000389m//9ktuc+bMGbrd7ksu+/CHP0yWZfzgD/7gn7lP0zT53Oc+xxvf+EaOHTvGz/zMz/CGN7yBBx98EE37zoD/vtG61nEBPrtymWrVomxm/L2bZ/mJT5/jxJRDwzb4mVv3E6cJbhxgaAphmkAUULEcikaJLJPconbQ52h9Dlvf5SvrHb7EBY7XdR5Y6fGOgxM8cGWXqtXmSM0Ya1KO1GrUrCL/5dnnqVo6kwWVhZKJqepsuF2e2o5YKmt8eXXIbMnkLcsF3Djjy6sJN0zIfPTfnrzKr7zybhRUvvfwDUTpKV6/f44oBVVRecV8kcVSg023y5X+LoaqYqo6A3wadgk3DuCZs9zwxAarP36UZ3Y8JgtieXZ0hbVBQpikTNQlsLFqaax0fVp5onTRMRiECVOOydGJAosljaafcv+ixfnuFmfbAccbFp++0OFnbp9kJs7G46iCrnJm1yPJMi4WTaq2zqv22dy7UOTrWx6HaiozBRVdVTFUKBk1Vvs7XO63GYQpN01O8vaDGbt+SBBnHKyW+OT5NhfaHkVT43XLdZ7dHrLS89kchgJrK+kkGXhxKp2M2RKbA8lvOj8SKKYZaZzi1CQ/yiyaxEGMqqn0Oj6vPDZJ1dY5tT3kTy+3+OX7jhOmMUH+3Kq5zXalG9Dq+pyYcljthxyqmfzw9ZM8dLXPbzy+zuHZEh890+XO+RINy+RSp5uHXWZ8dWOVNM14Ki9w75yxmC2adIKIY/XiOAQ0SGDWkVFHmMQSDOq5fG2rz8vmEk7u7PDglQFhkqGpCm881OD0jsvVns+kY/DYhsf/4//4+9j/+69LF2SkX9Hyj4ZiAyV0yYYdFLuQ214dua0fyLhgVmbomR9AzYFmJ88kqsrZdrMjRU0o5NNso4UyUwNfChVcX86u8802C+UYkstNIdaWTLI8YJAoQXXk2JKmS7balyyilZYUJvltRrTe+MLOuPjBYs+y7EYomiZFQJQnPU8XSdqCvk8H4dhFM3L1kIPfUle0L1kQi8Ymx/prdSn00paPcagmQYG+kJHVhj0m8mZ9KULSnPlDkqEUDZItsQ1rjYIcZ94tAcbguiyKwNBI+t7Ykj3SsoBoX8aC49GYyZYxE4nQbkeRAKMuS7wzRJ8vSVHYD+Vs1lClAzLKViru6UiUUbBh3l1R4ljSukedEF+OaaxrMaWLNuq0oCo5odgX7ZClC2hOU6Rj5QdSxEQJio10VvLUcUXP8hGViIYV09h7rX6bV5Z+C0ZF30YAXaPR4Hd+53f+x4//DTo+733ve3nve9/7DW+/b98+vvSlL31Lju9bua4VLsBMUePCIOFHTxzFUG0ON1b5vmMV1voJJcOioEuonaMPea61ze1TC4AUBmEakmRyZjtaR+s6n7gw5K0Hi7xyweYzV1pc6khw36VuzLuOTHCl18dPIra9HlVLQgeP1gr819MtjjYsDtV0qpbKtpty/VSBKBWa7CcuNnnHoTJf3+nysbNdfum+JTRFpxO0qJg1jtVtbp06wmObz3Nqd8gr5qfYdLt87EKHdxysoquSENwJXVYHuwyiFOWVr+Qr7/1nfPf33EKnEhElIvC8bdri4XWfRkFyhx681MaLFZI0Q1Pgn7xijm03ZtrRidIUQ1VpegkPrXo0LJsJ28zFwSo/emODk82Is7seL5svcu98lSe2Qi6s91BzC/GxCYcvr8J98zbP7Ch0Q9m4S6bL5V7C2fZ5rg7a/NG5AW9ZLuInEbNODVsb8l9PN7nUS7hxukjLi7l+qsDdsyZVU+FPL3S4c76MocJTWy6nNgdUCwbV/KzWj1NannRdKpNFBm2PNJGwyKnpIt/7ykXafsrppk83iDm5NZDiZxiysjPk+obBRMFgqSJ26usmHZ7Os4necLDGV1f73Dhd5Nkdn7vmHV6/LEVny4spGCqqAh851+VHr69S1E0+szLAMRQZL612qVo67SClYcfkGAxWB31UBbbchIMVCz+J6EchReRvUzJV/umjm9w5X+b6SYcDFY0PPLPLZy9KPlGaP+dT20P+zmf/kN9SFemCZGmeU5S7iEJXsokshyxw9zgdIBtTmpK5MkpD12C7BbXynvB2ZIcOI7JWL9dExCidvmxElka61kYp5t0QW88LBHHeaI7k1iQtD7VskrT83PLsy+0dIc7GW0P0sknWjUSAW83vT1NysJk/JtsqjiHdlNyJo9Ys0ZsgHRelYef3YQkXJQ82HGUCZX4MVWHI6Itl0eWoak66dSQhuumNiyTpJCQCfcuLiaTpiqMoH+8kO3mAYU7JFR2LBvnjZm4kIx9fihg1MUTkm1uyR6GPStEgy0djIxFxFiVyjJMOKhCvD0REnGYyZtKUveeX5uOseE8fkw0jKXZMKXZGvBVAXGW5o2ycXaQq49cGcbxnZe70wSmg5O4yxTTkcseWjsvAy5Oq9RdxgpRxGOeo46bmTiVlRM8dBYF+m1eWZGR8ZzUu19Y3XtcKF+DpnZCJus2DKxdYKjv88n2H2HS7aIqCrctZYJymHKrOcqXXx9Zl3FK3VDRFJ8liVEXlmeYKX9/2qVqyuW8MEwZhzI4b0w2kc9EoGLxRW4Q6rNcdLnWvsDkMeeW+Ms+3Pd54oEgrSPncFY+qrVMyFDYGEUma0fT6HK3p9MKYZ5uizVgqT+DGPcpmhV7Y4caJ/XjxkIPVaSpmnz+6sIUbZ1w/YfDfzrX5W0cbrA27fPaKx0/csMA//upF/uTC5/nd/+k6PvX6P+Rvb/8q73/2EwB8YdVnvS/6m+WaTRIm9OOU/Q2HJMuYL9Y5Xi9wudekZhnEaYKqhLzrqEHFLOT8mw5LZZ1TzRBHV7hlxqFqKfzJhQG3zxb4vtvnGYYJp5su3SBmx5XndbBm0QkSvCgFTBxd4fGtJgBPrPe4a67ARMHjWH0/brzCjhvx+bNNvuemWdb6AR0/4QtXpU1943QpZ5YI7dY0ZFSUZBn3LFRyqq2C1/ZIiiZpIuJArSzjprV+wA9f3+C1+4tc6sXcOlskyCcfqgK/8UyLH7iuzte3AwqGdIdOTBbx4pQvr/So2jpJmnHXvMO2m9B0pWB5+VQVQ4VPXWjLGOtAgZM7Li+fN3l6J+JMK0BTFMIk40tXB2y5BVZ7IddNxFzohGwOQ26fLXK61aIbCln3uZ0ugzDhh07UaBR02l7MXMng5I50nAahdABKjsFS1aZRkMuyKCE818I8vImimbkY15dxURqDoqNkKVlvV1xCIwFuKW/rq8q4jY+uSxE0QrO7vmxuBxdAVVFrAxkjmTqZG6DOVEBVSba20auW6FQsXXJ6SiZqo4iaJyarZdk0UzdG318ZU3W1hi2ZRvvrpLvDsTYm7eQBfrmrJuuH43FR2g1I3BhtxhGLci6SHXVXspG+ZmRtzjsZatmUQqIoGHwB2eWgtDjXm9RzpH/u9AERyI6KJ61eGMcDjPQrIFC5NO/iKLZ0gpKWLzlLefBhNhQrtJrrfNT8uaMqkCdaR5c6Evw4U4QoRanacl2uKyFK83FaOnZTpXknKEszcfrkyP7xC33EaFElLmNcOKjqGCaHro8L1ixIUAqGaGTSvUJoFBORxYlA6lLpooxfQyDFZd69UUwDxczpvZYur7uRDb83+I51XK6tvz7rL61xeeihh3j729/O/Pw8iqLwsY997CXXZ1nG+973Pubn5ykUCrzqVa/iueeee8ltgiDgH/yDf8Dk5CTFYpF3vOMdrK6uvuQ2f5HAqJWVFd7+9rdTLBaZnJzkZ37mZwjDv7zC/IVdn09f7PLQqsdHz7f5l1+7gq6oHChX0RUTU7OpmAUURWXKMTFUg/VBm0u9LVIkSTrNUtYGIW8+MMPGMOW6CWkbP9v0ObPrMQgTPvZdb+c/TC2yVrN5wmhzoXOZhl3i5YtlXrVY59lmyIMrLhvDhJcv2JzcHPCllR6vW3Lw4pTpQoWlssNiqcxP3jDPL718jj84e4HNYYdL3TWKRokvrp3j985cIM0yrmsc4K3LwiwpmaJLcXSTz1/1WeuH/PunV/nB41VKpsbvvm0eXYOz9/48mgIHqwaLJY2qpRGmKaebQ+yCgaqrlEyNgq7yB+c2eGpnlZW+i6ObfPpKh0EUs+tF9EIPRzd5vulhayZfXh1wvh2wWJKz1uWaxScvdHlivc/53HqtKQpJCqd2hryw66EpCqamsK/UYNpRSbOMg1WLyI14eHXIuU7AB59/mgudLtdNFrj/yASfPLfLzTMliqZYx3/kujkGYcK0o1IyVQ7XC3jDEL8v1uGiqWGqKt0gxiyaHJouUp8qcuJQg//9/nlMVWV9e8jvnW6zXBHQn6YoHKpqOLrCMEy4uuvyb5/c5vTOkDDJ+Opqnx034vTOkL91XZ2CrlI0Nc63Q9b7IVVb58Yph7VewBPrAxq2wXtvnuC5XdFBWJrObdMma31xHw3ChK+d2+WBix0eX+/z619d5eGrXV7YGnC66bHSj3l6O+APX9jl1KqEO2oKnNn1MDWFT11oc3JTOkALZYt7Fiocm3DYXzVp2Bq3TNtyNtuPRL+ShCLODd1xx4U4lGLGNAQeB+OWv1KpSEYRSCHT6u7pZfww1yukexEAri/E3N4QZWlWYGS9Ifp+SZIWmJsp44YcRqeWC7ndN5LuS9USLYdjoM1XUau2WI3Xu8TbQ0kZnqqKpbgqY5oRYReky6LNOGNdxygvB1Mdd0qStr+3ceeOIGBMs82Ge9elA2HGZF5OqM31GiPH0iigcRzGWLNEpzPh5Ph+bXxfI8ZK5sckbX/cfUndaIzET3ZGLJpkTOgddUPGotpcozN63FEXRp8uyjGP0P6j4snWxvodtWrl3RrhvqRdGd+k3UAKy5GuJI5J21KkZrl9Ot3qiWW5aMnYL03BscnCWDopqQicRxoVQF4n5HbqUQEWxjIiykdQiq5KsRRGQjAeOZW+Q2tEzv1mv66tb379pQuX4XDIzTffzK/92q99w+v/xb/4F/yrf/Wv+LVf+zWeeOIJZmdnef3rX0+/3x/f5md/9mf5oz/6Iz784Q/z8MMPMxgMeNvb3kaS7KnD/7zAqCRJeOtb38pwOOThhx/mwx/+MB/96Ef5+Z//+b/sU+K+BYc3HaxyYtLi5OaAQZhQs4pMFsq0/A67XotB5HN6d4WvrLt0gwGThTIVs4Ca/wo1RedIrcR/OrXK3bMmt07btP2U1+93uHuhxI3TRR5q/BI/21rl//ja43xlfYNtr8fF7javW2pgawZvOlBguWpKUKKjc2xCUpy/su6zVLX52MUdZotVpgsVdFXl9umjAPze2U3+4zNrxGlIN8h4oRWwOmgRpyHXNQ7z5gMNnt6J+OHjs2y4XS51fM63PR5Z6/HB59p4ccoTWyHX3VHk9Glx+PSjjNVBQs0Wca6fRxTUbYPnm7JBP7Y24Fw7pmSqPLiyxTPbLpoCM45FO4jwk4ifv2OOhl3kukmH080hF7oxv/rYJmv9iCnH5NiEw8sXy6x1RYcyiBJOTBb50eurJJkQhp9pNnloLcyBdDF3H2xwvu3xx+e7REnGo5sBJxoG3UBiA0bFkaMr/PJjl7jU8fiFL2+yMUzw4pTDsyUOzVe4ZabE5Y6PpsJC2RqPTwaDkDDJOL0rbBeAQSRZTgsljRMTOodrNktljR034rtvmOH7r5tgo+vjRSmbg5C1fsB62+Mrq9JJ+v3HV/n08zus9AJO7wxZ6YXsq1oslE2OTRR4ZCPgiQ2XQzWdkmGjqxrvPlHnxFSRth+hGRq7bY/ZkolZMvH7AWmccnKjz9PbHk9u9rl/fw2AM7sun7jQp6CrfOZME1NTmCoaJGlGo2AwURDCsBsJyG/LTbBumUFfyum3VknOoq2SpEF7vb0MoziWsMQ8IHHE0MjaHRHp9gZ72TUjjcNok0tTsov5CYqu75FZS04u+jQgzcSyuzMY22HTbkDacYVx4ujjIiBe7ZP2Q6KLLSladqQAHlmK082O8FW2hpJnNLL7asrYaaRVpSujThTH4YiEab7J6+ORj4hqxSlEXgRkUSIW6GEknQ3Is3x06VaMxKW2FB2jro9as2TkMVHMN+c8UTrvqmTDPWKw6ogI+cVk37FWxhVUfrI1JGl5wr0ZBmjTRfkdqTmszxfabLI1lC5Lnk6tVa1cnCxambQfSmGVSmdmBI0biZtHOhkR+bov7aKM8P+5+FhxLOmylQpjCF2Wi97lOYTiBso5QFkYifYnjsn6MopUSoWxjmos7lYViYMoF+RnbYts+J1C/n9rvq6tb379pXtsb37zm3nzm9/8Da/Lsox//a//Nf/oH/2jMTb4gx/8IDMzM/zu7/4uP/VTP0W32+UDH/gAv/3bv83rXvc6AH7nd36Hffv28eCDD/LGN77xLxQY9cADD3D69GmuXr3K/Pw8AO9///v5sR/7Mf7JP/knfyG4z2j1woy75g26YcIrlip8dbXPttdlEPnEacLR+hxl1SHNMm6b9vmDc1d55UKF/y97fx4m2Vne98Ofs586tVdX7zM9q0aj0YzQDkICSSzCbAaTgJcY2zHxCraJzc9OYv9snMTg2PHyvviNEzve4g3bIYDBGBCYTQiQkBhpRqMZzd4z03vXXqfO/rx/POec6jFesA1Cjvq+rr5Gqj5ddc7T1fV8z31/l73VKWIRESUJiqKy6bm8Yo9DzSrSsItsjlaYdEy8GL73N0/xKR1sTeGaus6kbWHrJg27yB+fuszlfsA777qJ6+o9Hlpd5mQ75DsOSdKjrmi4kc/pzoDJwgSjaIgea8Qi4nX7d/PRxUXevzZEkHDr1AS/9PnjfPz4Kgd3rfHNB2s8tOLzr6+Xz/W+M0NGYcJ82URTFAqGykLFZGUYsfMP3sIju/4Lr98/yaPrbRxd4SMXhmgqzJUlObTlhbS9kFgIGgWds52AD5xp566zH74w4k3XV1EVlY1RP3fqvWvO5FLX4fi6S8nWCeKENx1usuF59AMpPzY1hfmyxfPmCjyw5OeBjpcHBkGc8Nh6yDU1ndvnHE61XE4v9bnQ8XjJnjq/d7ydBizanOmEzBV1loYRX7rQwUkt+T92vs1dO6sy/sALWXdDznc85ssWe2o2ZzZdBkGMqqsEccLmKOKm6SKaorC/UeD4pscgSPjoBZfvvL4KwIt3lUiEoB8ILEteVxTGLFQs1t2Qzz65lpN9kyjhxsPT3H++zZtuqPNrj27yvPkyXiT43OUeb765yclWxOxOlaZdxlRHuJE05Jt0DP7qQptBEOP3fLleBQN/GPDIxQ6Nqk0QJ6i6iqmpHF8bYqdKsJmU9NryQrTURVNTFU5sDGmNTExN5X8ccvi+0yqsbMIuTyZBq+mdsUjGwYvZaKBZyzccxVIl6Fhr5UnCMjE6GpMzNzoyndhMbd8HLkqpQHLyEmqjSNIfoU6kmTeJJKuSclDybkHVQm3YebIzaciicEOUHWVUL87JnhlpVZsuSmVQ6nGilkzZPYilqZrSKMgQwo7c/MY2845UODlRblCnWHqaBWQjhqEMVlwb5t4natWRpNUoSgMMU6CXjniSljc2jnMMkkACKgwN7LG7aRYyqKhKmr8k5dHZcwpPdm0yPlCe6xMmJBsjmCMnIGtN+fPadFGCtTBGrdsIVRKKURVUP8r9aRRLxi8ouga2nmdDSbWXCsVU1hzFKeiyUEmBSBjLUMQ8v0hI+bOugReMv5cI6b6bjYd0HYa+/J2XHBQ7lpwWT3Z3VNx87CTHSlKOjqrI99HT2HXZrmdGfVXl0OfPn2dlZYX77rsvf8yyLO6++24efPBBAB555BHCMLzqmLm5OQ4fPpwf8/cFRmXHHD58OActAC972cvwfZ9HHnnkbzw/3/fp9XpXfQHULJULvZAPnh0yW9T4kVsmaNplHN1kplhjze2hKTrNQlk6nlZ02W1RFEaRx2J/gzVXkh6XhzGqouBFIf1Q8KHzA77n8Ev4yG8t8fLOu9hd0dlTqbJQbtKwi9iawb07yvzr6yd5YOkpSqZN1VL4wRsOUDLkiMoxTBp2CVtTCBMPN/SZsCtEqfHSK3bv4d/eOsUfnXyKc702M2ULu2pz70KF3zi6yZufs4CjW7T8AV0/4tCkwwt3lqlaOv/utgUO1CR+/aPWFwG4Z0mQCMFM0SROBCVDyzd5kAGSclyk0fJC4gTaXsjz5op835F5HMNKDfRU3MinZNhcU5vmu480aKTt9m+6psTDqwNmHIeGrXJds8goTLhnZ4l9VYOmLcc6cQLH1z0atkbHj3l0TSqIXr6vzo7JohwbXeoy6RgcXR3I0MW1IVOOiq2r3LBQo2HrBGFMp+PxoSfX89HUTMnk0KTDfNlkb9WgYGoyd6liESfwVxc6/J9Tmxw91+J9x1f5jS+t8ciKyyv3ljFU6aezUJbpzcvDmDvmK2iqQtkx+NylLm4/tTVPpdWKqvDQUo9Be8R7T8vfxQdOt+j6EbfPl2nYKkvDCEe3GIQeJ9tDbpmqUrVkmnSjYNDu+2imlmcrqanDqKkpnO9I2/R236eZjSYS2bVaH4Zc6HicXh/y0OVuDhILhsahZmo3ngiCJ9fSROjUORekhwtIrotpSLVQZtnv+ZLMa1vg2CiNhtxQTCNNkJajHqVSlC66pYIENyl5V52qphyJJA/cy7gVwoskUTRMZOfAl4BAtTWM3VWM3TWUsonWkPwNpaiPR0ElM+e/SLdcU5JQB/JvRoQx8YYrN3NVSpizTo7aKMjxjapIL5muL5/Lj/KE6ax7olgSPGSdFuHJ7KVsfCOyjB9Lz4m5+nRRdj40RY6j0k6GdKBVpUQ6DXmU8maFuOvLLCJLR2sW5Lmm3Q+lbMqRWNnMAZKIhYwrSJ8/M8hL+iE4BUSSoM+W0Koy5TvrCAlfGvRlyq7cS8aUnKCk58nfEeTmcyKSqiu1MAaeDFxpIlhLg/i2dk5SYEfJSU3pIilrVxU5MvL8HIyoExW5noWUT5O950qpGELXoHi1Rf3XqrY7Ls+c+qoClyzM6a9bDE9PT+ffW1lZwTRN6vX633nM3xcYtbKy8mWvU6/XMU3zbw2Veuc735lzZqrVah509aU1j5aX8IXFDn4kmLAd3ChgyqlSMmxW3A6L/dXcF8ON5PiiF4z4wuol3n2qw1+cX059WHR6wYj/efwK//OxDT50ZpMff+DD3LL+ZjTPZbEf8Ycn14hEjBsGtLwhuqoSxBEnWyFPtVe4fXo/BV0GPAZxhKnqNAs17pzbRcsbULGc1PhOxdZNCTKcGjdMFnh0LWChavOm50zRDxOOTBXRVZlT85krLjNFkxsnTWxN4daZAsc223zkwpB1N8BI7dqfeNN7AfjMFRkQudiTG/AgjGnYBgVDlUnLI3kHf+/uKtNFk5fvnmZXRQLJQeARxBErbpelYRtHlx/43/+cWd5+5zT9QNCw5XXHAn7s1ll+42X7uHW6zKHGDqqW5J0cmChwpe9zYmNEaxQxihI+e2WAH8Nk0UC3pcnciY0h++sFBkFM14947+keT264xEJgaiqTJRPd1om8iKW+z5VewKfPtthXL9D1Y062gpQDYtL1YzkaEgK379NoOrxwX4MfvnWKN1xb4TnNCZaHEW0/4f1nh7z3tATAV/o+33NDA01R8tc7sKuOUZCjgAO76sSJBDKfv9Cm2/Ppt1w+eWqD9z+6xFOdiJcs2GyM+tQsh4WyTsMu8rxZCWZHW5xQ1wdyrAZweK5CEAuudD00TSXyIhoFg5mSyQ1zZa70JWl4Z8UmiRIKpsaJdTnCminquGHC/loFxdQx9tUll0Xb4pobelK5odsyYyhVhaDrspsyGsoOi1NADMYj4by9b5vy+IzIOxhJHgykPJgxQVckCUqlKO/wi5Lcq02kXBRHqlfUqp3LStWJinTIbY1yIzYRxqgp+TWTE0sQJLsS0VpqPhcmcrMv6rk7q/Dj3O8kI4pKnxcJRuJ1V27sfiS5HmUzN51LNnvjfB4kuMmeJxvriLRTpE0W8nNDU+Rzun4OehTHlmTZVCqdp1BXLZkQXS/kYENJ1w1NkYAtva6M06I1CpJUXLXkNbYHxKuuXLOULKyWTfm6hoY2IUdT2XWKfpBHOSiGlgc1iiDKPWTQFElGHskuHLouAU1vIMdEWTQEgGnI7ksUj99HuiaJuln3JAO+WSREKocek4Gj8fMNn56som3g8sypr4kB3V8PdfpKgp7++jFfSWDUPzRU6t//+39Pt9vNvy5dugSAoSo8uenzr54zzY2TErS4kc8g9LjQW+foesCVYZsznRW8OOT26Sb9ULAy7JIkcNe8zZSj0vIFHzw35K0fv8QDl7r0/AhVkZLW77n/C3z3Z6Vap2Zp1K0yjmFSsxz2Vqc42JijbKqUDAtFUQmTgLniLFNOlYpZTp16bRzdxA19er5LImQQpBv5PLy6yqm2x1OtEV0/4pOLffZUdO6Ys/n/fOkCbhjw0oUqN01Z3DE7ixcLbp4qsTO96zZVlY9eHGGasP/oL/H82Sm++cA8uyoGJVNj0jG4dqKApsoNNE4EBUOlUTAYhgkv3VPlz8+tcLqzSJTEfOD8BjXL4VI/YBB6eFHAjFOjYhbYV53idCdivqTTCQI+txxQs4qYmo6qKBzfvMRt05O8fE+R58+a3LOrKo3dTI1rGyb76wVOrA8p6Bo/fPsMoyhJgyIVZkqmHBe1Rjy16cpgy5STM1O2aDQdgkHAKJIjISnxjrnS92kUdObKJgVdZb5ssq9e4Jq5MrfPVZgtGUw5GrGA/31mlW4guHXa5OjKgIKuUrVU9jcKfOSC9NwZRQnf+ZwpyW/aUaUxXeLCxpD1zkiOI6KEOIhRFCWf+7/rgcu856kBO0oNdFXD1HRMVWfKMbh5qs4tsyV2TjjMTzjcvqOKpsiOSkFXmUw3xT01aRYoH5NdgTjdgBeqVt6BiUKpsFoZRgxCweMbXbjhgLxDTiIJXjJlUWb9H3nSWO7yqhwhlRwJZFrdcTL0Wis1nEtJmZWSBABRDIvL8g8xJVtmnZdsUxO9oTQk25TgJ+tQZHf4WVqzCGPi1aH0dlnuyG6LpuSeK4qty2ToLUGA8cYo9yLRp4oyQHHakZu/paeutKEEAIYqR0zDEHIr/ZSjYetX+bWIVAGkpqRYdaIiN/Sh9BhRMw5NzclHPUkrdaUNE7S6LTfxVCqddFwJDFLjtqzDkxN2/RhtsiDN42z5HHFrlHqhhHm+kQgTxDBCJFI9lPF8tMkCIozRZ0spONRJUuJy0vFzfo1I5PiWDECmJNrETbkoqpJ3pJRCKpWGNMtIro/iSIUYTqpo8mPJa0kVSGLg5h2WXJnm+eOwz3yUpI0J3tljmUtzIqDw9HRctuuZU19V4DIzMwPwZR2PtbW1vDsyMzNDEAS02+2/85i/LzBqZmbmy16n3W4ThuHfGiplWVYebrU15MqLE26YtHnujExEblhFukHMIPT4+KUemqJwuh2xo9Tg8ITs0lzfKHK+5/LwasDR9ZBdZZv7z/cwNRVTUxi6IUVTI/SlFLo1CvnUxQ6JgDARhIn8gHAMCy8K8aKQ6xo2ncDNR0CxiDBUG02VHwqmalMySkRJTCdwaXlDLvfXuX9xCT8WJEImGGecjcV+zMYo4c45m6Vhm5smD2FpCo5ucaCeykqFYMrRWex5nNp0uX35/8X40z/h5snbWBl22FfTuWWmSJwIBkEsFSuqIl1y07b8+Y7HlUFENxCc73X58U+fxlDh8Y0NjjRrDELZHfKigI7vcqG3zt3zRUxVp2To7K5oJCJhodxkodykWSizNupx+/QC19an+Rf7Z/gX++vMFHXaniS/lkyNubLJZy+7lAyNmaKZS5yfP1/k/3nuNL947xyjMCHyIlpdj0EYU9BV7LJFydR4/fWTeRfjyUtdHl/q84HTLYI4YdKRHjRdL0ZTYHMUc//FEe870+NCx6dqKvz+E13aXsi+us3RVRdbVznQsFioWHz3DU3avsANBVVLQ1MVNFMjHIX52ChJHZAzc7vIj/jUk+t8ZPESURIzDENW3C6ObuJFIQVD42V7qsyXLa70pS+QWTDSPCefWtHkOw7XeM0NM5zveCx2paJtf6NA14tpjSJqNZtECGpFMweDAH4sJADxfAlWMjVRJofOJKfZHXGnh2h1pelcRsrVNWjWU4JuILswnT7JpTXp0+F66WaTGtFdWpcjhUSkRF/5Gkk/kBJmQyNpDSVZdBihz1ckEXUjtfxPEsnTQMpnc2WPK31HtMmSHDm5PlqzMM62kX9c+b9Jy5MbtK0TLw0lgEl5NSRCApX0eNUxxmGD2ViqYkuwFgspAw5jOUoyDanQqVkkm0PZKUpHRCBBQDIKZSZQ2ZTgJ5UBo8p4AlQlN4YjSCRB2ZA2+4pjpCnQRSnzdsM8wyiTboP0fdEaNsmGKztWNWfsLhzI0Mi4K8nKmKoEiun1XnXtVQttuiyVV/KDLPV8SUGFoaKUxyBCuL5co05fuuwaEuyi6+MsoiQhGfpX8aEyPxiCcKxKi+LxqKjkjKXTqjIeG32NKxFfna/t+qfXVxW47Nmzh5mZGe6///78sSAI+NSnPpUHPd1yyy0YhnHVMcvLyxw/fjw/ZmtgVFZ/PTDqjjvu4Pjx4ywvL+fHfPSjH8WyLG655ZZ/0HmvDkK6QcJcsU7JtHEMC1tTGAQel/tBnmdWMm3W3C62bkgnXVVhFCXcOGlQMm0Khpp6gqhUSiajMCNLSnLntRMOzYJK24vxohAVhY1Rnz8/v0jLG6ArGnsrU6wMu/T8AcOwT5QEhEmAoZoyWE81cQyLT1xqcbK9zmeXN7iuYUsJdsPm2w5Ocuu0xU1TFs+dMVkexrnM+2z3PKc7EUvDNue7shu0UJ7g+45cw7882KBgqPzYpz/Oj85bxCLiNbtewUJJklBnSiaLXZ/Frs+kYzCKYpqOwWLXk3EFXkTXi/jpTy2hKQpXBhHvPd0niCOmCgXcyMfUdJ5s9XAj+df7ZHtEwypyTc3iyfYGi/0NVtwOuqJxqe/jRj66ojFTnMDWDW6cNDg0IU3e7ttdomzI9b99vizVNprsBhmawu8ea7ExSviBm6f4hhtmeOMts3zfjZPMly3u3lVjvmzxxeUBfuqoe3hXjdANuXaigOtFrAwCdtcsDk06Mp/pcpeHlnrMFE3umHc43YkomRqvO9jkfac2WRkElA1FhiBbGo+uepQMBU1V6PqSX2PrKsWGQxzEhKMQVZNvLLtqo6UAIokT/n+PrKGrGmXDzDt/JcOmaat4seC7jzSYL1s0bINgFPLESh+371PQVfxI8KEzmwRxwqHJIq/YL4/t+lHaGdLZVy9QtXQZTaDCQlmjHyRweZXwqQ3EcCh5K/oWK/UkQXg+Sr0Ge3fIx2xzvMFkm0vmrFtyZCZRrSyzaBxbblqdvtyMglBucqoqSZ+OPc6cSRI5AjH1XEmDpkgbfluXviszZdSCgbGnlo+RMg8WbbYkFTabw/GoyA0lkVNVch4HID1QimkXJXW4lRwTR6Y7r7tSOZT1+DVFcjkAbUqOtER27Zrk9qiT8m9G9KQxnwjj/DXVpgMp5yR3w00S1HJButpmG7NppOOXSHZyalKeLFOio9xpOOvcqFVLcni6ksuiTRZylZTwYvm4F0ugEcgukdZIIx1S3lCmalJSl0PhR2OOzEByWYTroxZTLo6ljX1hdD2XKovBSHqu2OY4KNG25NoPXPn6jg2OVAapBQkGMzJvDlAyT5is0wIp6TsFMaoiO3pZrMDXuLZHRc+c+gerigaDAWfOnMn///z58xw9epRGo8HCwgJvfetbecc73sE111zDNddcwzve8Q4cx+Hbvu3bAKhWq7zpTW/ix37sx5iYmKDRaPC2t72NI0eO5CqjryQw6r777uPQoUO88Y1v5Bd/8RdptVq87W1v43u+53v+QYoigCNTDhe7Aaam0/NdgjhitliR0tvZAov9CEOVfJMz3U3mimVszeCxjQHXNkxetusAb/v0UfbUCjyy3GemJBU7mcx2sesTxIJ7F4pcHsR0vYjF/gZTThVbM3jhnCTq7ihPkIiEOaOeA6RhOMKLQ6YKKpbu4IYd1tweZzsBVUuG5H3gXJ84EeiKRtMu8Zq9O0hIMFWbGecSv/fkMtOOxtqoR91WWXX7TDsqQWbvDnz7tdcTxseZdlQeuOLxk5/7EM+ftXj1f3uK23/xzbz4z95N1dK5cdrhw2c7aKqCrUngsKdmMwoTqrbOi/Y2WOx6rLsB5zsj/ux0i1fuKfFke4M7ZnbxxdXLtEYhL94lE6FlDpQ8jxmnxsn2EivDgF1lm9OdVW6f3o+Kyu7KDDXTYcXt8sq9Cpam4kaCV+0rc7Yb0fVk52d/vUCSCN5wXZ35ksnKMODOOfkBfaIVcuuMBI/LQ52lQcSFjpeTV62KxYl1l+tnyjyZZjB1/ZjRMMAsGHgdj4+6IceqEqS+cl+V26ZrfOJClz01m7+62ONV+6qECexI73Y/dbHDvbtrdP2Iri8VJkLIu03DMQjdEK/rccPeBk9c6hKHMf4woBeMCJKImlXEDX10VRJ3P3K2xUNLBfY3CqwMApIoQbd1vK7HUnvErz26QeiG+FHCYtnijvkSTVunUdB5ZKnHLXMVSqbGYs+jZGqoCmmOlEoylIZvDNwxMTdK/42DfPNQLAtRSbsXpdQhNevEpKCEIJSS6VJBbsS2BaorNx41yYP3ModUpTcg6fpoOxsoqQGdiGKUiTJivZsmIGuyQ5A5t1ZKsN6Va5p6johQmprlTrN+hFouoDaQkuC2l5vNZR2THByRqnE2XNQmcpTTkERWxZKpziKOpPupKS3xhRehlks5nydpD+TGnqqTFEtHSRTIuh+mgdoooOjSUVctWrLjoGuoNSfn/CRd2R0hFghi2eGpSt6LNlXM1UyKrcnjII8myNKot3ZKEgA3zGXPiqGBn6A2Cqimilq0iNeGsjvU9XNSMcjIgCyLSLF12SGyJGlZscfgMulI91/FNuV/mykHyvUR7QFq1ZGp0FnbIYok/yUIUevjNZTvIz9XJiVDHzUl8RKEErQkCSDVaYyennToRPzTgcd2x+WrU//gjssXv/hFbrrpJm666SYAfvRHf5SbbrqJn/7pnwbgx3/8x3nrW9/KD/7gD3Lrrbdy5coVPvrRj1Iul/Pn+JVf+RVe+9rX8oY3vIE777wTx3H4wAc+cFVo098XGKVpGn/xF3+BbdvceeedvOENb+C1r30t//W//td/8CJ0POlqqysaS8MONcvBVHVmnBqHJyp5i2+xv5lm98gNpWQoGCqcal9hZSA3ak1R6HoyKXl9KB1vr/R9Hrrc5al2xBeuDBiEMf/z2CbvO7vE2qjHitvh8qCFFwV4UYiumCwN2yRC5KOkSAQEsSS8ro26fP8N87ihYMpRWez63DJtsTwcoSpjXxmAhfI0P3DDLg7UDUxVJ4wl+bhuy+N6wYin2isEiYehKZRMlfmygaYofHPhGv7qtxdxFk+iqaCp8OGzHSaLBkEs+OUDt1DQ1ZwQW7cUDk2YvHBnmflUgvzApS7vPdPnwSWfjj/kxQsynPCXH1rBiwUb3ghbUygbcpSUCEkUbfkBZcOm6w9YGq4zCIZUrRJ7q1PcNLlAwy5xy1SV2aJG3ZKmeEempJdGNxA4usLvn+iwo2Tz6csjLvQidld07t7R4Np6hfsWmpzaHBF5Eccud/n2ww1+4nkz7G8UmCmZPG++QpzA/nqBcCSDJXVbl+RWQ81HTB+52OL/ee4kL91dZKFisTpKeGLDZb6kcXTV5e5dNRxd4VDT4a6dcsxjpaovVVe5ZX8DVZPy6xsWahzcVWPvTJlECAZhQi8Y8WR7xNH1dT58ehORCE4t9znTkmnPL7y2ScXSMbaYA+6dKZPECcfPtfjz022e2PC4ZbYs0709qQ6bKZpMFHQudgP6QUIiUoVMOsYB5AahmWCVEL4PXoDYbCP6A5RCAaVQkBtHJd101lrjboGujVv4G52xv4tjy+Tg3XOS+5AICTQS6U4bHl+WWUEbruzQRLHkvXgxipna8I+k6iVZlePmnM/hR3KTXe4Qb4wkIbbqEJ5rSaCQyG6CWrFlhyIlhIphKEm5YZLnA+Uhj5YmRzi6lpJ/08+oIJHAo16QyppRKKXB5QLxpjsmoMrQsJz4ShTJDT3tNCXtUWoeN74dz7saBSM10HNQCkZuhieCKAVyqjSiqzrjbCVbT0eRUikkhiFxxm9pOjlhV8rFbaKlgVzvniefU1dzQ77ctM82URvp7zIWKGVbdkhSsz4RxoihL18/UwM1iuOuSfpzBKFcqyBEdFPvlUwenX4vf9+pat5xydKj805L1tVznx5S7nY98+of3HG55557/sagpqwUReHtb387b3/72//WY2zb5l3vehfvete7/tZjvpLAqIWFBT74wQ/+vef891XT0XnpgsNifwNd1UiEyMmRuqryqj0N/ujkOl9Y6XPbdIm2L11hNUWanJ3uDHnLzQ1+47E2LS/kZXvrXOpJ6/qZok4sJDH0U4sdSobGc+dLhAncs6MqOyzFOg27RC8YoasqF3rLzDg1gjiibFbYUdbpeD101ccxLDnSMmwu9iOqlsqP3TpLybCZciqYKScmTIIcvEwWJnjxzkk+cO5xAKYKFaIkYaE8wYXeOkES8VR7hdmiyvIw5gVzRf7wZJuP3fzrcoHOXOLmGXnOrZH0P7ljvsJK2WR/o8D6MORfXlvlRCtiR0lhoaxx27TDiXXpi9L1Il53oMwg9GlYJvfshF0VGTbZ9RMWJuroqkYkEgZhgq1F3DAxw4rb5ZNXligbCtc1JgCZtl0yLAaBR4LgCysBHT/m6OqAUZRwbcPhkxe7lEzJwfn8ypCbpy0eXvFoFmyObXRYdWNesjBBwVCZaRR40w0TvHjnbh7bWKRkaPzYzft4z5lFGmn+0HzZpGhqPH/W5G0fvZQGIUY8sjJisigVWq6qsKdm8ScnNrhjR4Urg5jrUtfUPRUtzZ2KGUUxJVunYRssdkbct7vMly50WHdDSkZCLARvvXUSU9W4YWKGD56/TLMgid+moaEp0E0N7lwvwtRUDjUdFk2NC8t9Xn7TNIamcGFjSORJFdaVfsAoSrhzZ5WjqwP21GwmiyZuJLhh0iYR4KXOqxgpaTbLgEkiqeBwR7KbYpvQ6UG1Jrsw2eYxcGVGUacnNxWQz7HRkZtTEMrvb3RkN+Lxc3JzSzdtxbHll61LMmvVJlnrSp6LG8q8oJ7MJ1IdAyyd6FwX85Z56LbA0HKTOdWRxNt4fZSbzEEq7TXSzoeuEW+6aHU5liIR4+fORiztQc7ZEH0PLQXGStEi6biyu2PqEvwMZI5TMvTH106cj1OUUoH4ckeSYTt+Kl3WZefG0scbvKrCKMzN+0QYQ9+TLrSJGIcnZhEBZZOkPZAZTnMlGZp4uY+xr4biRfK1NUV6yDRsVFUj7g9RHR3F0tCni8Qbbg5q4GqX3cQNZadDVfKwRiUFk9n5ygyjZDy+Qfq6KKoijekcSx6jayhp20KkhO28s6Sq0rQuk0snIu3OJJA1hh1bvs9MAwau7MhVitDbkkz9NSyRwD910iO2R0VflfqaqIr+udVNUwY7S2USBIPQ40x3lZrl8NDqIgC6qvJtBydxDIWzXZeNUcIDyy1iAc2CytluxOWBdGUdeBGrw5BRJFUbv/vFZdotmYDcd0MaBYMHL/dJBMwV6wRxxCevrGNpJk4qbVYVFVPTsXUDP3bZGHWo2XL8JZOqA2zd4JV7SnxpzWdHqcEg9NAUHU3VUVBRUfFjeVcTi4jTnUUONeq8fPcsncBlf22aQeihKiozTo2/vNgjjKFsKDzVGREnghc/+F3c/g0NlJd+Ez94wzX8ulbmT2+5g1970Q38j5e8iv/40IPEieCm6QLXT9S4edJgY5Tw+ye6fOzSgPmyyWsP1JmvWOyvNjBVjaPrLpcHMXfMyuu5abIpOUW6gRv6OLrCX17s8VeXr9CwS1QthW6Q8Mkr6yRCsOJ2CJKYIIn40HlJzBwEMXfsqHLjdIlv2FPk8vqQM5suJVOTIzVT5Y3XTdAsaDy4NOJgw6AXjJgpmrzuQJ01N0k5SyqPrvS50F/HMRRumzaZLqisDAPaIzkufPPzpNz7NQcmeN5cgaMrA37li5tc6EX81YUut8yWeeBihwcv95ktajy5MaIbCG5sFnF0hdcdqLNQseUYsWozW1QpV6xcpbVQsXHDhEHos+ENWKjoTDk6G6NY5kUJ2L9DxjTEQcyZ1ohj60OW+rK93/YTun6CYekIIVioWFxsuVQtnSAWNGyDffUCJUOhbinsqeoslDU5OnxyU8p3szvfJII4QrTXUydcU/q02BbCdyUxd6ohQclMczwScj35HL2h3PRsU25qnb4EMZWSHEM4tvTniGJ5Bx7I7oBMI7ZQK7b090hHHkk/QJt0pATZTd1qPR9tLuWUeFJxQ5Ig+kGeX5RxNdAUost9okvdlC+jSUt9VZGbq63JDkvRkuMON5QurrouAUyWvaRK2bFaL+UqFyU1XVOL0o0Wz8/VUJCOkNJxkT5bGo9hLB2lVibZ7Ek5dJKgTFZzVVY2Bkr6o6sSn9M/7PGoKEzSXKORHIWlIYlKlsTsyxDRuO2lIEF2XYQXoU0Xc15LLsdWlTQOQa6R8FNfHVWVnJ5sPJWrfVLglY4JlUwCnT6nBCDpsY6N0qzK9ao64zXqSjCCaUgOTBTJ18lk01Es32Mpp0qpFFOw/fQY0G1zXJ45tQ1cgBObIeujAQ2rhK0ZNKxi6tmi44YBZztdapbDNTWL+ZJMO95R0thX1TmxGVE1VT52YUCcCCZLJsfWhpxpjTg06XDLrhp22WK141ErmrRGIddOOEwVVJ7qLPPuUx0MFd7x8HE+cfkSxzZX6fhDbM3A1CxURadhSz5B3a7jRSFNu4yqqPSCiBsmLXrBiIZdwtRsCVoUFU3VEen9gRAJDy632VOdp2Y5nO91OdleQlc1Wr68Y7Y1hZPtkFhIzsOZ9ohvOHacz7zjNp7sPMJ19dvwP3WGDx74FaIk5scf+DALZZlqfcuUw9lOl34oON2R3i6fXuwSC5gtqty7w8LRTYIk5QEkglPtAQ1bxdYN1tweHV+CrCc2Q26eMvj0JVeCtFBQSoMLN7w+sRD8+bkl3n2yx5W+T5gIqpbONTWdY2tDjq6HJFFCMAjo+jJg0DEUgiTCiwRNx8DRVTp+SNPR+cMTm1zqhyRC8MCSx507q3zf+8/wF2e7/KcHV/jtY21miiY3T1uc70XcNdvg7oUKYSK4eapOLAQlU+PomvRF2VU1uWtXjVgI7r/QZ3+jQBgLHl4d4EaC3VWdmZLJSmqEltqGMBgEmJr0x/mjJzvMFOVmfMPEDCXDxo/hpuki104UpOvvIEAzZXdwvmxxYMLBcAz+9/E1Pny2w7Dlols6rVFE6IY8stKnamncPFuiaipULZVPX+rz0QsuHzg74PNLcmThP9WCpy5Icq7pgG6iOIW8ayIGfWlAp6ooparcNLPRkhfkG5P04TClyqhZHytFQG5MjUoetEdJSnRxJDE2V/wkCUSRJMzqKvp8BaVUkDJsx5DkVj8m3hIPoFYdqchpFPLgwQwkJB0fremkpm5q7vuShwQC8dowl+zmXJFMwZKOK5KuC05BZvSABGoZidSxUcp27vQqokSOwywJfpRsBJLyUZQ0GVktbhnPuZ4ETEkiwUPRQi3KmACZEJ1yXmxpuKdYWh5lIOXf0ghP+s8YeWSB8GOpoEr/PzfIs005fgtj6cGiKal3jDburARSZi6SRAY0DqWrLQC6TtIfyfON5Fee3pwkslsHacRDutauR+6SXE6J0QXJjxEpT0q4vgS0GYcqew9lu38mrd5uYzzrahu4AHfN1SQZN4mYK9U53ZGck4XyBKujERteQsd3GYQRa27ExijmfFcakGVjkfOdEYcmpZvpfNnKyZNdP6JR0KmUTBaqUob70FKPz1we8D8ea/PJcy2uDGI+d7nH5UHMfLHII2suT7SusDHqcGJzEUNNfRFQqds1bN0gEQl3ze3lQM2RipNCjTAJ6AUdRtGAIPbQFZP/feYJfuuJJ3nJzhn82GXN7XFNtUEiBKc7a9w1d4AgiTjSNLhrzua26Wn6QcILF6Q1/mPrHu8/d44PnP8g73rlHK/8+Ou44WSLV++psjyMuXenxQfP9znbjTjbjVjsSiC0ULHRFKjbKnPFOr1gxKVBnylH4/F1jylHzR2GDzbmqJgFSqbNK/fMUbcMXnegzEOrG8wWdQ7Wa7ihdPMtGza3zzjMlU1+5o79DMOE1+6r8T8f2+DIVJGqpfKG2+aZmSpxcKLAQlmn5SVc6gd8ftmjYal8cdVnrljiG3ZVOTJZ5BV7HDq+ywvnHZqOwVTD4QdubPAfXzDLTz5vjlumLUqGykJZ48qwy0sX6rxqT4PLgx6Ngk5rJHOX7tpZlSnWS31umyvz1KbLsbUBn7k8JEzvPttewnMm5Z131dI5340oGRqRH7E+DBmEMXtqBY5vrlIxC6yNevSCEYca8o72xLoEeJMlk7JjULdlBtGd8yV0Q2O2anNkqsjuHVUUVWFpuYcQgt4g4FOLXbwowTFU/uiJTTRF4Ux7RJAkrAwDNh5eZrgylGoPkcgvNc0o6sngwmw0pBQqsiOj6nkLXymX8o03V3q4nuS3pM66uF7egRGuL3ksXrAlTFEap0nTOmliFq/KXCQxCknag5zQq1bsVJFj5uGESWuYO8UqZSkBBtIcHumuq++qSK+WVOoroliGAqoqiRfLn0nBhVIwxpulY8suiKFJV9h0xJF1CQCS9a4EZpaWW+IrqbuxjDJIx1ZVR4K1rAtRKcpRCbK7kqmY1HJBSqJT4qpiGqiOIXktrZHc6BOR+7KoDVvKjh1j7GhbNjF2V9O1MtLkaW0MXrKAw4xkmxFxMwJx1cpVXmq5IK+tn1r4J4Kkn66FaaSjs0L+nMKPU66KfBwYc1nSn83ATDY+UlJVmuJYKCkQzb1e0nyivH2RdWSehtruuDxzajsPHGlhrysaqir/3Ver8pcXNvmmfQ57KlW6fgdT1bA1hVrJZqZYY7G/QZgknO3GHGlWecN1E6y6MTfNFKmaKg1b5WRbSoSlXb4cTXR9+Uc2CGIONR1MrcKGGzFftlKi74BPLvY52KhTMQskQmCoJkN/QKDIzaBolImTCEVROdke4hhmys1JcnKupTkMwi6GqnDPjjon2+s8b8bBi0Mu9vpcHsTsq+l8bvkpbpvejaNbBLEcJt84aeLHAktT0mMCnmp3OLHu8onCkNfuL/O9tTu5e97h/kuf4kq/x7orX/fQZJHznVGe4VM1CzzZ2gRgdZSQJII9NYsTmxHPmTT55JV1nj8boSsaJcMChTROQUYbNG3p6eIYColISETC/YtSZupFIVf6Pn98qpXLtUdhwnzFolHQWR6ElAwFW1e4/0KflUFAbW+NHSUNVVE4tjnATNVJC+UCHX/I6iDgvr01fv7z6/zSvXvo+DIY8jOLPYJY8MJdVZp2h7KpcKhR4q4dMY+syNHamY7HqU04MlnkyISBcV2TfpBwpjXiUl/Kp5eHMX91sUejYHBgooBjSPWZSASbA5lBtLti4IYJDbvI0rCNrRnsLOs8cKVDHCcEqkLJUDBVlViItPNU4toJh0nHYL5sEIsCd+6s8PkrfS63R1w/U2YlDY/8/376Eoqq0CjoDIJYyvXrBSZunOLyxy4yHaWARCRAhAiDcUchSdKRj4lYWZUgJ4qka248VqlRK8PSutzQM25MaiPPRkeOljY6qUpE3m0nrWGuihG9oRxPDCO0SUeauqWcDeFJAzpjf514aYi+oyzl0l0vjQBIN1c3NXFrjoUBappYHK8O8xwjpWxKAmvJxNhdI2mP0gym9JqDJOdVyM5TysEo2xJwqGpOMFXLY08RRU8fT0MXr/IiSTsmmWwYL8iJp2q9lAdViq4r+S39IDfQUwoGwvUkYTZKowiqDqLvkbQ89J1VOaZKibN4AqVeSE3qojxbKZdje9E4+dqXoY95SGTaycq8ZTLitbaQdoiC6KprlsZyo/R6Uyv/jPAdhJLEW5Z5VmLgSvCjqn/t512UjMRNmhhdKcn3nWPnIEfRddnNiba8776GlXwVOC7bwOWrU9vABdAVlUQkNAtVzNRo6+75gMc3NjjUaLAxinNX1yCJ2Bj1adgl9lbmuGlyxP2L5zlQN0gEWJqCpsB8SceNBKGj0nR0TE2hNYryMYGmKNRsjdfur/CnpySZVFMUNkYJoyihoBs8vrHI/uo0biTvugGahTJK2ihTFZWbp+oMAg+rbDKKPBzdIRYRgoRECK6fqFKzHGqWnCXvq86wu9LMAY6Cih8H6KrKYr9Dwy7hxyL1eNH44mrAyiCgoMtNcnfN5j2ne/z2sQ/yaz/9JV7zzjuoPW8nv3tihZotr+HIpMONkzVqpkOQxDy2MaDlyb/YAzUdrxexNIy4bdrheTNFloc9rm/M5eRkU9VRUZgpmqyNeiz2I45vBJzttHnurMlCWeN9T3X5hTtfQcO+Qt3WCGKDBy52MDWFY2eH3Dhdouno/OW5Lt9yXZ1RmHD7XJmTmyM0xeF5Mwa3Tdf5/NISLS+h5Q14eFUa2z14uc9C1ZLgZiNkoazzgoUK+6o6u8o2JdPmic0OJ1oDrgxiXrDD4ZOLQ777SJ3ZovSs8WJBw1LZU9GJE8GxtaH0fTlQJYgTGmkLfhAINEXBKBgkUUKjavOJxR6v3Fel5Q3pBRE7SmXc0KdkSt7AtRMF9tQKnNp0uWWmyImNkYwHSsmVbiTYUTb55MUuq8MAy9KpWhpgstj10EwNzdS4b3eFx9c9Hlrqc+2EQ+H7Xkz4wd+UG2wWrJgkKFbqbqtr0BuiNCfk90qO3MxhfFfcG8oAxmwjjmIJYkCCF1NHrHZQzK7cJJs1GcBom0AgyaqqIu/0CwZJqmpJOq4cjYAcZagKim1i7KulXI1YklxjgYilN4piaFK6nCRSIZMkxGnKs1qzpINt2ZSqmZIpYwJApjZ7EqyJLPVYVeWnZWZ9n440lKy7pGtjELeVA5KOoBTbTJ8LSBQZPrglNRsytVK2KWtjb5gkQZ3cIhdOkvycRCDN4oTrSxJzSRrfKSBzhdzxeC4DjplaKCu1Ia9XMQ0UUyqMSGQOUuYWDEjQEUnPlox/kkmeMxk3TgHFHY3BWhoNoKSgTJko5wRcxTRIOq78NFNVFBU5YkrXAUjVXAF4LdmJGcjRkVIpjoGU9/QAl+165tQ2cAHavsvOSemhYqg2NcukbDocbCScbC1x11yFpzqbHKhNULOKeFFAJBIiEZCkCqtVN2ahLC3h/VhKWUuGguOo7K7qHKzrPNGKePFOh9YolCZqC1VmnCo/ekuDilmg47vYmsFLF1w+fmmd5WHM/iOkvBWFkmGTpPPchIQ49thX3cFvP/E4NzT1HHQJEsJEWu1PFSoMQg9d1egFI2wtomQWMVSTdXeDiUIDPw4wVZ2D9Tls3UBXVK4MuywPYz5wukXJ0HjPa27jM0vnuXt+H4PA4xV/+hDNR3+Izpvfzc5ffpjvfc/reM+ZFS73A2ZLBjNODYCNQYt7d8ywNGxzouXzvjN9CrrKjorJxy4NuGsupOUlBEmWAyU9S1Zdn/M96cZ727RJECdMFDTOdqK8e1EKYaFisD6KeWipT8nWGUUJh5pOmqMkO1ufXBzS8kJGkfTUadgGxzc32V+rMFMy+dKaT7Og8sjKkIKu8m2Haqy5CYPQ45bpAvcvDjkyYdD2E873PK6t69w2LcnNv/34WQ41mjxnqsCeaoUoibE1g7PdEfNlDTeUFvuNgsGkY9D1E+7YUeV8RwJRL5YcGS0l2wKcXRuyMVdmadjmYH2SKafOn51+kpftKnBsrcBPPXcPP/u589yzUyq9dtdsBqF8ja4X8chKn7sXJM/G63pEls66G+Zuu/umiuypFdhd1Tndka6+XS8i2HGIqcNNCTyiFHgELiKUfASlVL56jGQaUKvkac85ryU1mRMDF2VhJnU/lV0ZVEUqS6JYBuhld9vRls3UKaCkfAbF1onXJZdEbUhVT2aGkfmGCC9GKeqo06lrL3JEoZg6WqMgOSlJgjZTJrrSQ5twxvJfQ26MiSvlvWrVkRulquSjnsxUTTr7yueV4yOB6AzGIKakjwFcakefG7DpGsoWZ1gl7RxkYZOysyM7OYRyLCVcT45XVBXRG6JUinJNs7iE9PmFH+UJ0tLrJpQgKZV2R4s9tCCUvJfMQTfNbVIbsrMh0lwiterIyIBUCZUstqTSa+jn6qdsfZS0/5AsdySwAtkByVRlrpcSbbMRmJ+DFOkJlMhumK7JdTT1dBRkSq7QYCTXLfP7yci62fuFdHRkWf+0DeArrO2OyzOntjkuwLRToReMKBklVEVlEA4o6CV0xeRIcy9REuPoCme6myQiIRIJzUKNitkkSmIatkrZUPBiWOzHlAzZnegGgky5WLdVhkHMF1dH0u11xuJke8iGN+Bcd401t4ep6jiGlaZQwzfsLvL45koua7Y0kyCOGIRdqSBSdEbRkBfM14lFRJQkBImHgspT7cusDDt4ccgg9HFDHy8KsXWDKJF+KbqqEYuIy4MWUSJTrbNOzMlWRMlQec2BBq8/WMcNA26ZnMfSHOp2jetnytzxvz7KnS+a4Td/8fk8v2vyM899KdNFA0dX6PhDnuosc3yzhxelRNRIbuKxgC+tDFkdhjyxGTJb1EmE4Mn2EoPQx4tDGbIYCJb6Aauu9IkpGyqaonC+I/OYfunURzm65nJ0ZSBt9RWFQRBTMjVao4gz7VHOKxp4kqhbTTfxbpDQsIrsq2oUdJXH1sM8MXmxH/OeUy0+c8Xl+KbHjpLGYj/CDQXnexG6qnG2u84g9Hjl/jqJgLt31Pnzc5v8wsNLrLpSHXVsI+TYRkgsBPNlkzPtEQ8uDalbCgsVm7PtEWfavlRA2Tq6rdPqeuybKnKu4+PHEStuhzW3zZ6KzgfOyZBMR5d8qWZB5aYp6ai71A8wNYUgSRgGMbau8M3XNZiYLHLjQpVGwaBRMCgZMgH7mppBydC5Z6fN9980yY3TBYZhj9FmerccuFJR1JNeKYptgZqSMw1buutmo4SBi1KryZ/LlEUpiZaBi1jZlOBlZWP8M1nCb+aiahqo9YK0z4dcWpy0RmiTJbT5+haOgzm2vE87CqIfwCBzuRUoBUP+fJqtE7c8knYaFTAK5etoiuSfmIZUKAUJ8VJPdh50aauPrkuPFNuUHJue5PiIRMiNNha5MZ9oD2R3x48lkAtCmbsUxbLbUSmNwwNNI1XnpKGM2SatSkWVBG1pPtHAlR4ugQQXJAmiM8iVOmrRQputojakOkiM0nBEV6p79IVKPjpKWp4ELYkcFQFp3pKGYunEq/2cdCsGo3xspNZLEjDB1cqmdORFIiTBN0rkNafdqpzrFMVypJQkef5Q0hqOibpbeDx5EGf+GrK7loOarfwWAH/bOffZVtsdF2CyUKFSKvFU5zIHajto2M0UoARYqsOZrsfuismBcp2NUR83CtgY9dlfC4iSmIKuc7bjMeVoLJQ1uoF8d04XVCYKBvur0yz2N7llOkk3aTi2GXGl53OhJ9ucT26c50W7Stw0WUZXNZbdhNt1kyiJiUXEVKFBsgXvi/T8VEVhadhnR6khDdwQOVdlyqmyNGzTtMtSQq2pLA3a1KwiiRCUzCIqKjtKDaIkRlc1VoYdOoE0UNMUuG1afnie6a7QDWIm7HXminVeta/MYxfatKKE33loiT9w1jn/F1/ih//N8/npB4/zlxdWOduRoxdDbXP/hSGjKGEUSU5FwVA50xpRMjVmixolY8j1jXlOtpdQFYWaVeRf7C/zZ6c3+Mj5Pl0vwjEU/uTJVjpmSXj/aTliK5labmvfKBj81bkWBVOjUTA4MunQ8mJeeaDJg5f7vGpflc9cHtL2Ev7XyUUO1KTPTiwEL99TZmOU8DuPr6EqCn/8+CoTJYs7dlS4ecrkYL3Gsc02jm7S8hIeXB6yo6RRt1XWR30udCTH5rePtblvT4UdJY2bp+o4usWa22WupPOnT24yCGJ5vl5Ml5hCGmLZd0Nu312nYKhSHq0blAwbLwooGTaHmxEfOe/TCVxevbdM0y4TJTHgcd2EjaUrTBY09tULfOJCl7sWJPn47p0Og1BwVFO4edpmY5TgGArnuj6rbsK0o3L3zhmsf/dbhFULNtqwY4e0/E9HPiJJIEg9WkIvdcV15B22qo5ToaNYbi6tkfzX9VDmmmOJ9dKaDNsLY1S1l3+a5+MRAFOOIhRDQ2mkBm/9NP3Z1kguttF31WXHIeu4WGlXwDFy0zcxjKTL7KaLWrUkd8bXU66MlEwLSyc6tYE27cgxlamOfURsTfIwao48n8wELuuYmAYK7tiOXlMkCbVeItnsoVYNCUKieItbcLoBu6NUdZOqlUzjqlFQvpY6ad6RIx1myynxNTV0k6ThguQEDUOZsp144EvibdIeSZ8aTUF00y6aqaIESW6op5bk33jSlQBAUVMysapApshKHYHRNcnByTpLappPZFuoGY8nSRCtngSVaaI3qpAdkxS4iU4/VX2lI6TM/2XoS0JuVkkCiTpeo0RIInXNTrlW+nbI4rOwtoELkIiEgl5if22OtVGLueJMHgpoazITx9YMOQbQTRIEu8pTtP0+xzdXCWNB3VYpmwpdX9D1E26clIRZgLVRj73VKSpmH8cwsbUulwcjqqZC3VZpFlSqpjR/86Ie57ohz5k0udAboilwsb9GIgRNu4ytpx8kJCnvocjNkzv4/MpF9lcbTDkVEiHBSxBL0qutG9i6QdOuszZq0fIHzGg1hEjQNZuWtwZAyxsQJBHvenSTO1KTvCNNg5OtkH4oCGPBnmpCyRgxW9R4/S1zfOhMi0FbOtC+dl+NX3/dH9D86Vtp+fLDNxaCR1Z9znc8bpktcWpzhKmpzJRkKOJkQaNZ0HB06eXyVCfiG/cs0PIGzBRrLJTblIwiYSJ4ZGUkRzsXOtRqNvvrBb50pYdl6bx0T4X3nnKJheDITInWKOLG6RKaAnNFnW6QcON0iX4ouG3W4bG1EVf6Phe7BUZRzPfeMMGOUoNjm6vsrtmcXRvyb26d5bePrnK+4zHtaCSiLUdKa+s0bJUDNR0rC8wT8F2H6zi6ydrIxQ0Fe6tlesGIQeCl+VcuL9pdB6BqqfloR6ZTB9SKMvSw6egYqkLTLmNqOsc2V3lsPWR3RWdlEOCGAUsDn4s9nz0VmyNNk8V+RJgIPndlwOGpIo2CTtVUKBkW3UBwqhWwo2yy2I9p2iobo4Rj6yNunnYIE3jeuSGbay7N1x2AhVkZqjhs5R0VauU8J0YQSP+WVnccqpjdXWfKo95QjjMq6Xin5OT8D6VRRVzZANuUI5CSQ3RyFbVsSgnyRlcqWrwItVEcm5TZUmUj+nL0pDSrJBc3xmZsRSv3Tkmy0EBkqrSiKTKEMRZyE+8HUkpsGmCosgOT3sXnd/6pHwmQRhaoqBNq3unIRzyZ2VqW1eNJS/2km5JPt9xmi55MjSaLTOgN5OZdK4+VNUmMYhpyE7dSZZOuyXMJwtx5F1KJ8cAdc1EyNVLBQBgykkCpFCWALJuS3wJpirYMPsw8WNQJnWRThlqSSGJxriwqGPl1i0AGheY8FtMYq35AgrcoQmkU06BEX47uquNIAyVLCFcVOX8xDflzesrJycCjaUhwbI7VXUqtJDtY6tM7MBBC/J3mq1/pc2zXP722R0VANxixOlwhERHNQg0vlnNyXdVwox51W2PKqWDr0rhsodxEkHB8c5UbJmbYU61wXaNKQdfZUbL5lgO7qVlFHN1kxqlybX0XLW/AjvIkiRAslCe4fXqWF85XuKZm4UeCgw2d586YTDsqO8s6n1+SMuyWn/DEZocznR6RiNkY9dFVDRUVLw4JYp+CbnP79AKzxQaaomNrBVRFJRJxrkxq2nW8eISuqLihJOPGIsKNejQL5fx654p1Dk0WmXI0YiG4PIg5tj7C0aX3Ryzgg+c3cSPBK3dX+R/37efQrhqKqvDopS5Hf/Mefvl4l+sbkpBsamqeKi3dbWOpfClp/NTzdrBQ1rA1kw1PBjK+ZOcMDy5fpmTaDEKP3RWNMBE8sT6iYGhc33TYNV3i5fvqVC0d3dAYtEf890dXaRQMTm2OuNILGIUJ045GNxD81qMrXOj4nNp0+fDZDp+42KfrRwyCmJfucrhxykn5Q4KdJbkWh+ekV8sP3DpDo6Cz4SVcHsSc2Iw43Yk424m4tl7iYL1Gw7LxYsHmKMSNAiqmIfk1aTjilFNld2WS+bJ00AXJg6qaSt4tMjUZC7AyDLjUC7h12sCNJPeo6wueO2NSNhQWqhZHN4Ys9mOe2Az5s9NdznZDun6Co8tQx/Yo4jnTEjDYmsKployjkABZbubro5hBEHOkaVA1Fbz3HaM4X0I5sg+l3pCp0EYahOfYUsFRkXfaimGmnRVr7Evi2JLvAqnpnCU3Yz3lLUQRtHryMS+Qd+3pSAZTR5ssSJlvozLmdXgx8WpfeohUHenRomuoTUcmNB+6XlruuyHqZGnLGCdBnZXvyaQnnXRFmBCvutKmPhb5iCPpuKi2Jh1vbSsdT6Wk1sw4LftKk7BFkJrqRfHYeC0dA8kAwS2cC1WVHZFUXaRkcQhZNapyraJYgouSI8dSQSg3+pIzNrJL1xyQG7mTuvpmo56CzAVSbFP+bkwZsIgXyLyfoiV5MFtSrRVVkRb8XiBlzUVDAjpVkYnUui7Bix+nii7Jh8k6JfFqX4ZJZmZztpWDDkC+f5BKqMy3ZRyiOO645P/aZh4VoJQcud7pzyRDf0z4TkdLIgghHBv9fS1re1T0zKlt4AIkQtDxh3I8lAT5eMYNfXrBiKZdZmPUx4tCloYDLM2h40tJrpu28U1Vz9OlO76Lo8uOS8d3GUWD1BU3YrY4RZTEVCyHKadCL4i4fWaW+WKVaaeMY6j8y/07+ZaDctRwXb3ArrLNrdMz9IIR53otdMXEjVxMVc/JwSfbS4wij1W3zSAcMFeq5x2aRAiCxMOLQhzD4tDEAgC6aqZya4NmocyGN6JmFfme6xe4fbpJIqBhySDFh5YG2JrCmhtzru3z8GrAH59qMQg9Xrqnwgv3NWhWbL7vL86iOAZv3vsi5ko6RrpPDAK5UbZGEXuqOocaFrqqcXhiAlVRGEVRvm7dIOFCb53F/iaJgItdGZ+ws6xzx6zF225r0ixofPJcS4IXW6di6Rxf6rG/XkBToWRqPLnpYagwUbJ4xd4SmiqBQssL2VOTKdBuJLh9psCmN6BmOZQMi7fdNs26G2BpCsvDmLvmC7x0weH6CYOSqdC0VW6YLKSREBrdwCOMoR8Keqlyw9LlNQGc761zYvMyjq5woKbnHbYwga4vlWYN26Bq67xgR4kTG0MmC2VmnCrnems4usLZTsTDqwEv2VXi+bN1DjYMbp4ymS/prLkJlwcRfiwo6Cq7qwbDMKFkqkw5Kq1RyCv3VVkoaxxpSkO+GydNXryrzI2Tu/iG3Qcxb5rCvGkKpVKRxnOZY26uqLHHY512J//bEb2B3Gy8QNr9Z9LXdFPNM4o6fUn6TZLxHXSSpM6rQubxFK2rzdxSbxYRJtK/pZ8mA4fSc0V88RGSoTSVA/JkY7VgkCx3wFRT47UoJaqmPiRlUz5vqjxSm44cq2z0pfNt5ribdUBSzxnJ2ZBus3hBOipRUnJp6gocJrLj4lip/Ngfq2CyDkPenUpyfkc2dsk2cSVziE2ksiff9bamJUdp5EAabChN39L4gCCUIK8hHWjVgiHHRo4ct6gNO1dCKan/Spb6TCIkTwekzwoSeCi6zDJSa+l6J3IcpaTSZxHFkkTbkOaJ+SjLtsZgLT1/sVV1puvjjk0W0pkBG0CplWW3KxshBWHe5cqcgZ+O2gYuz5zaBi6ApirMFGuoipoDgVPti3QCl8c2Vji22caLQ1RF4YXzB4iTCC8KOVCbIEpiZouTmJqOFwWoKEQi5snWJk+2uqiKwuMbiwRJTMcfsu5ukCBYc7skQnDr1A4SIdhRnsCLQiqmzorbZXdlkoZlMuVUWSg3CeKIPzy5xsYooeV1sDQ5l15xO3xm6Qy6ovKfvnCKZqGcS6czLs7SsE0vGLE26qEqCh++cBJLc3BDFy8KESRsjPrcu+MwliYBV5BE3LPDoWSq3DlfYhQlPLwy5MmNEQVDZV9VdlRKhs19C7PsqZq0XEmMfO8LGvz57P9LNxBc6gUEsZR4XzvhcMtsGUOFQRhxedCn5Q9QFYWyYdLyBpzrrXH3/AwNu8SaG7LYj7l9tsCRqSI7ShozTo2z3YiqqfDi/RPMV0xecqBJnCYud/2Iaycc9tRsqrbO/zm5wSiK+djFIYMgpmprDFMC7w1zZT50rs/mKGRPZRIvknduURLzmmvqnOuGXOh4LPZjekFE10/S0V3ERy4OeWKzQ8sbECapZ5oGB+uT1EyHiimzmNzQp6ibrKaeImEiWCjr1G2Vuq2yr2YSxIK7F8pMFjQMTeFV+xvsrc4CMhZCU6TEOYiT1FBvwBObIR842ydMZLe/Zo0VTAfqBrdMmdzYLOLHgjvmi1zfKHBNbYqNUYIfCfZVi/w/7z7Pnv/1EHsfeBL1mh0yzC5zIRXpXXCrK1v9i4uyQ5KOTHIAEoTSjyVL7s26B5m6qFbOyai5bDjbqIIIxbFJLm2moCSV2qYmd7lzLeQjjnipS9KXCcfhmU3ZRQE5Tkot9QEJTgrSbA1Dk2OoskmyOZRdBk8mdSf9QAKhLFgw85rRFMmVATmWsmXMgBj6qFPV3N8k56akcnGlXiLzblFSF928o6Brkt+RWtaT5htlFva5KkvX8nRk0R5IDkrWbclSk4NQdjocW2YleUEeSpg7FAfpWCrrCpkyGkB2UKL8GJAjJ5GSaxVTTztcFoohLf+TFIAJP84Bp8gAUKWUdnhSzk5vKGXM/haDvewaYctIScsjFGSHLVVzub68ziw6InuOrIuzNQvLtsB6eiz/t+uZU9vABTBVnYJeZM3tsjRsc3zzEhWzwGK/R9cXPKc5QdMu4+gWR9fPcXmwxq7KHNNOnf21XfSDHjPOBI5hoSoqZztdwkRIzw/DRlc1moUyKgpeLD8oalaRjVEfU9MxVZ1H186jKgpThQo7Sg1a3pCaVWTF7fBXly9jajq3TVvcPi2zfc52V1hxO3R8l//zVJ+ZYo03XjdBQS/RLJRJREIQRyy7LjtKDSYLEzTtEqZqS3+ZROYU6aqKrpjsKE2RiIRYRNi6wfmejDlYHqYy70Swr14gFtJi348F+2sGg9BjEHq8aGedasEgDmLe/IHzVMoyXPCenQ4HJ2Ti8s3TDnEiLfylTYT8IKqYBWaKNaacKokQJCLB0S0Wyg7zJY07Zhq8bn+dhbJDyxtwXcOm7SXsrhjMly0eWurlac1VS8fUZML1X57a4M6dVYZuyNHVAUGcMAhimo7BoYbOQsXme26ocU2thhv5PLh8mXc/tcxcsc5NUwX2Vg2OTMpWd+ZD8/CKR9FQeWS5T9tLeKozwotEamLnoKsqjmHh6BZ7q1P0w4DLA4/ZYoGuL5hydNp+QtVS8r3xkeU+p1o+R9dcdpQ0XjDvpGnYVaIkZqJgMOVIzx9bM1geRqwMpWnhuY7PiQ2PfpDwxZWRHMtZJvfs2I2qKCwPkzSaQcfWDMqmyqv27OCmqet49D2LXPj9Jxh95CzKzDTKwf1QakrybRSMN0nIXWMBueG4nhwDlBzJd8lyfDbauaImMwuTgER6wJBuTltHHoqtS/QFcjNWVTkKsk15h9+wpcttylnRpopozQJa+njipl4mfkQyCuVXS2byiHB8i5s5wwo/DRFMeS1KQUp21YmUj5Nt7kkiuSZRIlVPJVMCkQygZZ2NJMll05K/ocrOQ7YmGaBIQV02yslHUVmHKuvApB4y6JocF+n6+PeQJSen3Q68ICVIK2MwlToTJ6Nx5yLroCipf1Aum04NAKXUWyqGMjWQYhqIMEabcOTxzhajuTCR61RycuWQCELZsTENacxXMLack5Wfu4jiqzslqRuu4kgn3vxcss5Luq5Jxx2/bxJ/n6MAADXeSURBVLL3YQZ+noZKxD+8u/JlX9sUl69KbQMXwNEthEhYKM9TMQvYmokXhVgaVC2FKafCTLHGg8uXOTyxg12VuZzQqyoqk4UZBuGAkmGzpzrPRMHgYKNGxSygqxoHarMoqFStEjWryCDwKJuV9PsmJdPm8MRO5op1ZotS4XOx1+dUu8Xu8iSHGiVOd1bZSDfPzy5f4EMXWvyvExs07TJ76xZrbo+ZonT51VWTKEm4NGhTtwyCOEJTdIIkRlN1Xrf/OhKRYGo6JaMkgxkVlVV3Iyf1Xt+YAuDeHbPsq1W5c2eFS10fU5NclxObAWEsaFhFGlYJXVV5xwvnecNt86i6ygt+6Xbe8p5FXrZrD+c6PjdMOVQthTt3OCnPp0LdMtAVLVczBXGEqij86ellnuqss+y61EyTillgR6nBTLGKF4f86akuG16CF0vztrsXapRMuSl1/YgT60MeWRlycLrE+Y5H0THwItn1GYUJ82ULPxbYukIi4EK/y9lOl2ObEY+uDNgY9VFRGIQCVYEzbZmJdL4Xc2TS5vi6S6MguyYbo4QPnO3TDyXgMlUdN/RTl19B2ZApzOd7LifbIY+tS3n3Ry+4dP2E2aLG/nqBV+wpplwblaZd5j1nLhImHo+sbWBrBvfMz6WGfjIR/KW7Cjx/zmJX1aRq6wSxtO03NYWj6y6tdPT10oUqDUuC5zPdVfZXG6n0v0ajDqqhou0oSQVReUo65hq2JOc6BZRKSd5RlxwU05bGc6oqJcm1hgQpAzf9VBfy2JmmJO1mG7vrSTJlrTwelWScEVWRwCF1R1Wa1dS1VpeS6EEgN0enIH1Zpory7l/XZSdCU9BSDxEZDqhKIqmmEF3q5p2V6HI/z+BBU6R/SBY2mD5f0h+RdHxJTtV1SXDNOCtbA/8ygJF1j3SNzDlXgpCC5O5sHZNsHWdkpNZKUQKWrOuS5fhkHKHsOXLyazSWA6dKL5FmBinZ5p11IzI32SSRfjAFQ65LmvydG7hllcjWnWKl3JIMVMF4zBOlrru6DKPEUPOum/S5Sc8hk0Dn3bktvJYoJQtn15SBk3TNsU15DbWyPC7t3gk/lkAzI4sniezMqCp4Tw/HRXwVxkTbsUpfndoGLoCmmEQiwI16bIz6tHyPFbfDrvIEVVNuqo9vLLK/VqGgl4iTCD92SUSCoqgMwg6mplM0SvixS81yqJgFNrw+qqKkklUwNZuiUWKmWANgR2kKFZWe76KrKiXTRlFUVtxu2hURnOmu0AtGXFObZk9FY8XtMGlbvGhHiZKp8dnlDQ7WU6WREHhxSJRI6elNkws4uvT9GIRdKmYBBRWRgi5bK6GrJnESyU6LZuAYMhagF4xkhygKaVgldld0XryryPPninT9hNYoxNAUjm22uTxokQjBMAxZ6gccmC5x6Tce573fuYeXv+cLXOn7NCyVri+4rl7gUKOejlMK2LrBhd46T3VGPLaxybor05xPbIY8uhamIzo17cQIvrAiDe6W+gGaIoGKkd6JK6rCla7HfNliZRBQMjRWBgH9nkxOLhkaq8OA5846TDkaVVOlkLbR+6FgZRCwv17gI4sDzvc87pi18GPYW7NwdIVpR+V8N2Sx67EyCLjQi7n/fJdX7ytz12yDThBIMGjamJrOyfYaNzT3crBe5HNLsivS8hMSAftqUlL98YsDgiThT0/1ZCMiHdUtVDTc0Oc5zTpu5NPyh1TMAo+u+WyMEgwVPr44Ym0YcWrTZdKRiiNTU7k8iDnXa7E26tH2ZcfN1mS+1Zluiwv9Lu8+9XF2v3QXVsXCfM1tEpDEQerfEiBGvZS3EKFouiTkKqq09dc1FKeAGHTHfIZMXaIqkteSGYZl3YKZCXnn3+rlf3ciiCSg2brxe0E6ZoigUpQAIxtDpZuyWjBknk/aOclKMXWUopV2a7RU/pweo6b297GQ2UcpQFBsXaqU3JH0Q5mSXRfhBcQbo3SsFORuuEl7NO54bFVSmcbYl2TLqEYa7435QTj2eGPPRh3muHODbUnwl65FTkTNbtV7w7EKqGjJAMZ6aQwIXU+uvZ0+nsrMsxFY1tHC1PMxUwYsFMeW4CM7f10by6+zEU5WpvTQybpRpCRfSjKegU5/zMXJuiaOPc6rysZKGTjKwFsWvuh6+fgNL5COu44tzx9kl8vUU47M9jb2bKvt3zgQC0nIPdddYxB6hIlAVzX+8sIqG6OYE602m6OQXuDyyNopQObkrLlr9IMWumpiaQ6mZkvnXdNhEKSjGEWlYU9gaqkCQCSYmsW6u4Gp2fSCPqc6Epw8vHqOj148xdpolI8e2l7M5UGMipICEYu5Uh1bN7lvV4GWl2DrihxFpaGFlwctLM3MR1E1u0LRKFM0SsQiys3rVEUqiyIR4EVe7uvihgE1y8HWTQm8RMzeqoWlKcQC9tV07pgvYmkKF3rSuG6uWCcWcHR1wKRjcPIxj8fWQ26ZKfGCnRWmHI1DE3JTj9JMJVOVMQrNQhlDVTjbjdhIr+fQhIGtKXT9hHO9NT526RK9YMQdsxZrboSmKhxdczmx7vKBp2RgoKapTJZMznc8Xr6vLsdDIyndDN2QgqHyrddP0g0En1sO2FfT+eLqiEfXAvxY8IIdDpOO3BTcSLA8jNgcRVzs+pzuRHgxHF0Z8Ir9DVqjiM9c6nHnzgprbsyfnF7nyiBmzZXgd6HcxNYUFvurqIpC1ZYjLC9K2HAjPnahx4G6zmOrA2aK0hn4QN1gw/P41JUVjkxM48VhSv6NaXkD/vT0Jc525Ll+5MKIV+91qBdkt8WNBC/aXSOIE26bNmlYNutuwJ7KJB1/SMMuyTRwL+FsJ6Jua1hHJuWG2BuAXZHgBWTXJeWZsNFBXFpC+L500N1oS/Jmyn3J+RsDV25Knf5YupqlSuuafFxVUymwJKoqpQLJZk9u+BkPAuSmZOnQ6ZOs9ogutiFJiM+sIhJBtDyQcmM3zAmwiq2P1TdBIs3ONAW1ZKLVbfQ5GUKIoYKqEF7oEC72pFzYkiZzIMGUYmgojoXWTBUxqjStE0NfOsRm5mpph0GkoEOtOVdv1llHY2tnAb788SD1N9k6BsoATsqhUVRlvD5RhHC91OzPvOo4kOZ4+etlDsApaVeqhUbj88gM8LJzytRKWTcJpNIpNeRTUjWV8ALUZhllZkIeY5u5F0s+LsrDND1JUna9q1Kh82vOIgOy182+F0Uy9yhbz4GLMtWQPKGtXZynifG6Tc595tQ2cAFOtq5QNMr5Znrn7G5untzPTVM2J9shG6OE26bnMVWdG5p7chByoS9HK/2gh6FKYqCqqNTsCjWryIHaDBOFBqqioiDzkBISBsEQWzdZGa7w8NplTrcjFvubnNiUXhzdNHX6idaQ8z35mKlJS/+5ojQ021ed4fDETv71oX28ZOcNqYNvlRW3QyIET2wusuJ2aNplCrpspZuazSgaoigqYRJwebCEpuhESSwDGpFAZqZYZc3tESUxQSK9YOaKdXaUCtwxW+Haus10QcXRlTTEUI6j7r84opFt0D68aGcdU1Pp+DELZYedpQZPbHboBaM8MDERgsuDHo6usKeis6+qc32jwI5ShWZBZVelzCCMePCKy3vObLKjNME9O20GQUwQCzQVglHI8mqfYBTKoMGiwemWRxwnVCsWh+YrKKrCqcUuf3GmzeV+wB2zJv/nKWmaFgtwdAVHVwgTwZEJ6f675iYEsaBqS1+Vrp9w+3yFS72AScdgoWLx5MaIlp+w2PVYdWP+4OQKX1zrs+Z2qVlFzvXafG65T2sUcqY1ojWK2F01uHuhwp+e7KAqCnfO2SxUbf7y/JCHVwNphRL6uZx6uiC5RSVT5TsPNVl1pe/LA0s+n78swx833JCiqXHthMPqKOFkWyZS94IRi4MuK24HWzOYdlSuqevShPCNbyT2Y0muBbBK4NTAdFAmpuTGkLX1kcZkVEoS6GQb29ZR0VprfMefjQKSRAKY3nBMQM3GB46dqnpS2/e0+yIi+ekuEum5os+mnidpV0BrFKTZmmOQdNPRTubP4skU6K3Be8lAdgySji+lw7aOsbch5dfOmB8Rr/TlRu9FkixsGpInUilJxZMxPu+sQyRGoeR75ERTdTz2yRxzg2hMSHU9uab5CEWR3Y9URpwf4wV5oCG6Nh69beVzZEqcrSOf3DxuTAbOlU+pkkctpCAnO6csbXlrCnY6Dsxfb+vr6po04MuiHvTUVyYbDWbjKi+AnoxEyFOet3SjxMD9cpJzNorL0rAdyQsSrR558niqtsrX/GkCA9vA5ZlT28AFCTY2Ry28KEBXNdbcHkHicfv0IV447/CNexeYcqY4UJ/FDaW8uWFPcPPkfkpGiYbdzLsYumqy2FtlypmiYTcB0BQdkf51maqNY1hsjPqc6a5ypR9jaApfWpPS3TCRd/sTtsNr9u7ldft30PVlh+JMZ4UnWkuAzCPSVUm6fKpzgblSk54/oO3FOeAoGVKa7YY9GaYYubihbPeujzZZGrbxYzcFLoKEBD8OOLp+keXhiGahzFShgqoomKrOjlKDmlVEVzSua0zQsFX21aQk+1NXLvOJC20OTRb5N0dmeNG3z1K/9/3cMWdzatPlgaUeX1rf4KEVn14QsTjYpBNILkYiYMNLsDSFlpfw8KrLn5/bwA0Fj6x1WezHfNf1TRa7sgtw29QOXryrxEzRJE5At3UURUHVVU6su5xpjTjVcpmv2rzl5knWhyEvuGYCIQQ3Tpe4fsJioVTlP995kEEouNT16foJJ1ohiYBmQaNkKnixoOtH/NWFDjdPyQ/u2VRePAhjun7M3Qslrm8Y3LWjyEfPdQComgprox5BHBHGgg0voekYLFQtbp8tsKOkMe2oXFjuY2oK//3opiTobrokAu7dMcNcqZ7ybDwiEdP1BUdXR3z8Uo8n1kec74x4dGVALIS0/3cMer6MRvjwuS4Pr3ioioIb+RysT+GGAVeGw9RrSOZX/d7J91OYsAmfWodRB7wejHrgdiD0UGqTKMXiOI/IdHLnU6VWG9vXOyn3IONmZKMOGCthSqnde2aelm5Qebu/5EhjsSiWNvyp/b3aLMuNUFVRy7K7oFiaTHTecNFm01FVlnhs6mjNQh68KPxIghtf8jMUQ0Or25K7Ymsk3bSLoqXKFj9Crdgk/QDRl/b40ngvIvejGbhyQzUNOcLQFLlJJ8l4szcNaFSuJs26nrz+DJBsJahuHbVloAC2jND8MaBIOyEik2Rv9XZJjeFEnqUkwblwfemPAxJIZteS/Zt1PqJYKslUZQwStvqtbO0M5YqolHtTKozPJR2PCT8ed4ayn9f1NFU7vf6t5nUwBmtRnMvq806dqefg8ioF1XY9q2obuKR1pruCY1h8YaVPIhJq1hSaqnP79CGmizMoikrTnmVj1Gd91E0VOSa6aqIpOmESpHlBATPFWuqRIsFKmHJOAGIR4UUBn17a4GQrzE3BLF3BMRQWyjpuKBiEHo+sXSRKEg42DL64tkiUJDzVjvidE2d5cPkcAEWjxlyxTsfrseH1uWVqFl2Vpm6mprPh9bnYXyMWEb2gT82uAFC3yhye2CkTpQ1HbpBJwG89cRZT05koGLihz9KwIzsqSZQa3sm7QjcKcCNBw7JpWEU+c9nlumaRBy51+YH7T/MtL9/BzT91C9/yjscomRpnOwH3Xxjymn1FdpernGp79AI5CikZKiVDkZlPpkIz7eaoClxbt7gyiHmiNeTgRCEnFX/j3v287poSBUMlStNhkyhBU2F/o8DAi2iNQj58fsC9u6uya1IwuGvepmSq2LpJySxyfN2l60c8uDTk4aUBj64MUpWX/ECcKZnMFCUfRVNg2U3o+hH/6tAEVUvD1pCJ0KHgltkyrXRccabj8cBSn8V+zMG6zrcemGFP1ZDgzBeECcxNFXG9iJftrXLjdIlbZstUTSVXi5maTs1yWBr4rLkxk0WTz1zqUbVkzMH51ogjUyWeP1ekPRp3GAq6jDswNFgZyjHoTLHKtbUJyXcKPB5acXndvhcw2vTQqpbstqS/WyIP4Q4RnXWANLvHTNVGcjO5yuI/q2Y9HwMxcOV4qNOXQMYpIDY6440tI2Nu7SqkG2cyCq+6wxe9ocw+smQ3Rvgxoh9I/xZVzQGLUi+RDP0xryUWqSeLJJ2qVUtmF0VyVCHjAiK5qRsyMZogyfkgiqXlEmgRJYih9HURrj8GFFGM0qiMuwTZmCMbh2TXlfvh6GOQkHUgsrFc5sab/ZuPbfQxH8Q2c5lz7l6bAY+M5+LY8pyiWHZGkKOcvBNk6l8+msl/J+MRUX6eGYDZShjOeDoZRybrpgWh/N17gVzjeml8ffkI0ZZ+ONnrZmOlKBqvYwZIsqiIzCvI9SRxeqo6fvxp4rhsd1yeObUNXICpYoWSYaccigoH6nsAUFExNZsoCdAUnVjIBOOnOuuMosFVz5GRdmXCtEEQS47LlcEqRgpwntg8z6q7weVBizU3puVLk7BmQaNpq7ihwNZMXrNvPjWGU1jsb1AxDW5szrM6ku6nDVvlT072+JUvnaTtbVDQi3zyyhJnOj10VWNvdZa5Yo2pQiUd8TRYH22iqxqJiBBbqO2O4ZCICEe3uDxo8eKdUnLbCyI+dPEKji5HYDXLYbJQZb40wd7qFDNOVY5XDBmB8F3XN5kvm9y1s8pM0WTdDel86yvQLY0PXPSIE8GVvs/yMGKmWENToGaa6IrKIEy4rlHlZCvkqXbE8jBmaSD5LqaqMwpjlocxL9/dYMXt8lR7mcv9TXZXJvlXh+rjnJNEqowWux4ikWGOMyWT1WFI14v4N7fO0ixoHGqUcCOfpcEGP/W8BaqWzvmOx7obcHqpz1OdET0/Zt2NmCvq3DZXYnkY0/ISTqwP2XBDHlwa0vIiPnCmR5DIcz3TGhELuDKIaRY0vFjw2SsDwkTw2WXJgfnk4pA1N0ZV4I4dVa6ZLGJrkgOz2PUJE7jUl4GYUZKkZHHBX56TpNZ1N+S22QKtkXQnnSnquQza1BSmiwYzJZOVQcBj6yEfuzik47skQnCm22LTc2nYJdxIUPyVP0HE0mWWUU92VLJKEmklv9kGzYQkQqxvphbs3tg4LbuTzsZG2WZcK0vDuUwFQnrX3BuO5dIp7yUnlXqB5E6UC2O+RtdFMQ1p7W8aiKHc0BRbR4QxyWZPjoiCSCYnqyoY6jgxumDk/i5KyYE0IDDp+BAmaJMOSUtyPoQX5ceqjdRAL/N6iQXqZEk+R9YVAck1yUdD0RgU2NbYuyTb1DNlUNZBycBM1rnK3Hizdcr8XLIRTvY9XZPdjQy0gDwu68Ck67115JLxTYCrgVIQyueC8XNn55F1yDKwkgGLDHCWUk5PqTAmEm8dXWXnn/5+RaefjwHZYh4nOls+SzNe1FY1Vgp08nXKrnlrHMPTUJlw7p/6tV3/9NoGLkDbc1kbuWyOQg7Ud+BGPYLYQ1HUfPyTAZUpZ4obm/Nois6ZzkUAFEUqdTRVx1DNnAMTJgG7KzsJEo/PLh1lwxvxf85c4f7FLk1b5cZJE0dXadgl9lbLTDkajmFyurPKjlKDhl2iYhZwdIsLvXWOTEzntvv76jaJgA9fvMDPPfQlvrTm8wcn2vzFhUXc0E3VLUUqZgFN0amYBYpGCVXRGYQDBAkKap48XbdrHF3vcLCxk2ahzKNrAb9/fINLg1ZO+AVYH3VlWnbqVbJQbtK060w5FV63v8oL5+3cbv6tn/o4v/j91/HJ/3yc771hhsmiwbGNkJY34EU75tldmeTPTndp2tLe/1w3JExEym0xMFQ4tjnkcNPkC1cGdPwhuqLy+OYINwpwdIuSqVB0jBy8vGChwo3TJVRdJQhj4kRI1U1RbkiXBzFrI5dVt8fxzU12laf4wRunubbhEMSCcsXi9461mCnqTDo6n77Up2mrfOJin8Wex/5GgemiyZnWiPVhyHccrvEnp7qc2nTRVHjg5DofPtfhoxdcFsqSOPuJxSFuKGiNZAJ13VJpWDJIcRQl/PpDy6wPA/bUZHSAGwlURaEXjLB1k+fN1LhvTwVHV3jzzZOsuQnfdn2T+66Z4P7zHb71ujItL2SyoOFFgjgR7K1ZrA5Djq0PsXXZPTvfjbA0lfsX13h8zeXie57CmRoHJZJEUlGUtfTTnBgRevIxx5ZOudnGvAVwEIRyxOCmxM+tlu+d/thlNnPUdWzJKcl4MJ7MHyIW+d23SKQT7lYehJpKn0UWuw5ynKNKU5zElcnIiio7LslAZhJFiz2SzZ50mdVVOTayNIQXoc1ImbaSvo+SjszSEVGCOl2RnRhNGYOAUKpehCdTo/Nuh23JVOMsr2mL4ojMIC7nk0TjcVHmi7PVjC4jzGa/h+yxjCuUrmF+jGPLddu6iSeJHBmRdq2iaDySyozuMgVPNrbZOhLamsjs2Om5CwlmauUx+Mq8eTIQk51X1l1Jx2dK5heTgizZ+UrkCCu77lw+v8Wwbqubcm+wBWBZ407Udj2rahu4AHsqk9w1d4AX7byGKAmwNCeXFI+iQaoEsnMlTt2uU9BL7K7M5s8xjHpoip6DHZDcGTfqsTxcw4+lY+mhCYNX7plgX02nYUnp6+MbXdZHA8qmwmK/x2I/puO7VEyZOfRkq8eZroep6sw4JaqmwjU1+RpnuxHH1oYcXRkwCGJeMDeJYziUzQolo8aEPYVjVDi6fpF+IO/aO77Lic3LhEnI5qhFz3fZHLV4yc6dvO/syTTmQGW+bPGfHlzj2OYVgjhiFHkkIqHju2yM+jQLZYJYqpJKhs2B+izXNSZo2irfdEAqXD50tsN9q++ifu/7+c7rq6wMAt791DJBEvPo+hUGQcyG5zEMpUlcNxAs9mPOdUMWyjq3TdfYXTE4NOlwYjPg6LqLrcHpjpRFnm5HBLHAcAymGg63TZtoqsK+eoGGY/K5Kz26fsyHz7Z4eGXIhZTsrCkK+2sV2r5M+/72QxXu2lllf0OGLp5p+5xp+wSx7Nx0/YhTmyMeuNRlvmxR0DVmSiYTtsnz5wrS1bZic2RPnZKp8Ykzm7z7yTZnVgY8eqnLxy/2GAQx0yWTz1we8PCqfH8dmSpy7/4JXrTgsDIIeHipT8NScXQTN/L52KUVapbDTVMFvrQ65Gw35mLXZ2UYsasixyknW9KMruUlaKpCvaAz5ag8f67Aq/Y3OLbRYRD6LFQ0rgwirp8wmHQMnCmH+u2zMlRR1eWoyB/IrkVWTkFuFq1uDkZyfguMN5FM9tusX31XHISS66Fr42DB9E5ZLZvjO+psswMYuBJw1MrjfKRyOurQdclxMTTUyaoELWEiOTH1kpRAD1PprxcTr7oyy8jRZeqxoclRVCwkv6XmIKJY5hOl2TzaVFEqcdLxighjhBdJv5cgHHuZONaYZ5KtRTZG2aoCGrjjzkVma791JPPXCKmoipSZb5VQb/3KzPyyDlcixsqkreRn05CKINO42kF3621/duxWE7yscxKkQCcDplkHJgMWcLWfTSZhzsAPjAEPyA5NdmwUpYZzyZerqSrFMehxR+MRWfbcWXdnq6z8aajtUdEzp7aBC/DFtQtc6K0QJiGW5hAnEbo6tg9PRIIQCV7sEosIU5V+K5busDRcIUoCTM3ORzDZz17sLfGpK2c52ZZW/XuqFZ43s5u5Yp35YpVhFLAyDDhYL2KoChO2g6XBnopOwy5xobeeqk5muX26ycOrV+j4QxxD4ZapSR5Z7vPY6oCCodL1I168u8ZssYGtOQzDAb1gI+fdHKjN8ukri1zur7O7soPdlUlMzWLDG/DQ6jItf8jaqMe0o9LyBrT8hOuaDt9yXYOun/Cl9X56bXLT6fhDbE065z64fI7jm5fwopApp8IbDuzjjpkGP3bLHvbUCtz5v3+b237/1dz4+o8TC8HNUyaPrq1SMlQmHYOzaWjhTEmu2zBMqFgaNzSrLA37zDg15oo6YQLX1HW8GJoFlcuDFqda8sNL01RevKfKn5zs0xpFtEYRWvruDmPJTzFVldVhyAfPSk+U890eP/7pU/zu8TaPrgVUbZ2ZNKH5keU+Z1ojgjjh3U9u0ijoBOmYoWCoaKrMX7rU95ktysDI+bLBG66t8u2H6lRKJkt9nyRKiDx5PiuDgH1VnVtmigyCGE1VaI0iRlHC55Z9dlYtvuW6OpcHMW4UULNk58oNA3RF418dqjII5Dm0RhH/80urmJrK+0+3GQQxKwOZ6eToCgtljWtqRV5/zRx1W8XWDTZGCV9c9fFiwcv3FJn91uskeCg5aT5RgIgihDvKTb6olVEaDZRmPeddiKUVCWayzczz5XNUSuTqFBj7dWSdmay7kCpPlMnqmMya5vWItJuj2PpYoRSlacmuBA7JKEw7MfIXnLnBZrwSxdYk8CnqMgFZU2QekaaMuzSGStz1x1k8RV1mG3lB6tWiSG7LKJRGdGGCWnVyd1jRleMuJdvssxiDjCcCEnw49hbX27RzVCrk10uW2ZOZtdnWmNDsFCR4yCozhcsUQ9m6wRgoZh2OtIslBu7VHKKtoCLj0mTnko3wsudXFfn6WYct47JEsQROMD7fSnH8/WwNsrFixvfJFEe5cZ8+zqxKuSt5Byjjw2SAqjeU749sPbKuUDbCehrqmQ5cfu7nfo7nP//5OI5DrVb7in5GCMHb3/525ubmKBQK3HPPPTzxxBNXHeP7Pj/0Qz9Es9mkWCzyjd/4jVy+fPlrcAVfeW0DF8CLBU27zNKwTZSSbGMhTeYyjksGAACCxMtHRztKc3ixS9vbYBB28CMXP3ZZGq7QLJS5c3Y3z5/dywvm5mjaZXTVZGnYpmIW2FWeQFOgYZeYK9blOEc3WexHckygGeiKytKgzVypSdVS6YcJbihYG/W4e6HChY7HmdaI7zwyyUsXqsQi4oGlx7jQW8cNfZ5qn2d5uIap6VwexHhxSMdv4UYBLa/LqXaP3ZUiLW/A5YEkk9asIsuDkNfsbXDrdJnzvZi/ONtlEPqsDDsA2JqBG0kuhhsKHljy+cNTF1EVFVsr0CyUMVWdH7lpnkEQo1x3AxOf//cAvP/MgJPtiG4Q4xgKj6667Kvp3DZT5FLXx9ZVXrm7yqrb50I34vMr63zobIeFssbGKOFdD1zmlx/e4FS7xyv2FLl9roypyeDAIEm40vcJkoSltSEN2+DwVJGSqXGlLxOipR+Zysl2xHVNh51VixMbHg9d6bHY86laOvsbBZkgHcYsVGxeuLNMHMTcvVDjoaU+d+yo8i3X1bjQi3l4NWDFdTm27vLwqs/JdsjtcxW+48gkz9s/QaFqY2oKsRA8vu7jx4Kmo3N0ZUBBV1OZdEjPl+qu2aKWhndavGTnDF4cYutSor3Y9TA1FVNTuHZSXte1Ew7rbsiplssDl7pc6YdcGcS4kc9if4P91QlKhs2Oksa1DZNX77mLf928GXVhEv36OflHkPGeshZ/epetmA7opjSiq9THY4k0+C7P22l15UgoAzypEigfM2TPmclnVzauHjXpuszJMTSy8MBkU/q7JP2RdIhtjcbutlEiFTNhkm/m8XIXpVSQ3ZiSiVp10KaLkudiGjLjqCV/HlNFtTXJhck6QAVDEn2L0hxNeJFUF/nS9j5THVEpoVgywydbM9EejIm3sOXa0u5LbzjmlmwFAJlqJ+OPmEbqq5NyZOz0BioDflE8Vu9kACkDG+nmvlWVlKdRb/WQyXhFW11tc16KPj63bKyVOf2mqd2Yxvj3ryry956B2AxsJGLMb8mcbr1AnuNWJVAmi88zmoIxcEvXU2z2U2WSJY/beh1bz/1rXM904BIEAa9//ev5gR/4ga/4Z37hF36BX/7lX+bXfu3XePjhh5mZmeGlL30p/X4/P+atb30r733ve3n3u9/NAw88wGAw4FWvehVxHP8dz/y1rW3gAtw+vZOZ4jzXNfZT0Eu5dDkRCX7soqsmQSw/dEbRgDgZI3xTtfEij4pZI0xC3Mil63eYdpoYqsHKsIOumEwUGkwUGgSxL7OIfJlFdO/OfUw5dTq+y4rbZRgFHKhJ9YytS+LrU51ROqZSqFsG3UDI0UxN5yV76piawmxR5XRngKNLonE3GFG1qiy7XXrBCFPTqVoqxzd7fG75Er/9xGVOd1a5plbiXFfKah1d4fIgpheMmC0ZPL7R5S8udLlx0uDf3NBgxe3wZHvElWGbD1/c4GOLq9y/uM7+WoVbp00O1HR0xaTj93AMB1VR+I1jy5RMjeSjH2fyzz/Bt11XYaZkslDWGARyk65aElQ91fYpGCqzRY2SYaMq8LzZGp++5HJkqsg1tRqzRZ3Il12Kh1Z8VkcJJVPjpXsbfPLSiCu9gHbfp++GmCWTqq1xoFHgOw5P8E3X1jnULLKnZvHLj1zBjUQqP7b55oNlRpEEPV0/wtQUvL7PKEw4sTbgfx1bp1G1WXdDqpbGfEnjS2s+y4OQR1aGnGyFLFRsjq0NOd2SRF+A3TWL0I8o6BoFXWMQxHiRjBLQVGg6Ov/6hglMTeXoyoBmQcONZCtfSt3XmSvK+IiqWaBRMLjS9zm6OqBkaEw6BkdXB8SJ4K6dVeJEsDIMWHUTSoZNLAQtbyhN8Eyb/3BqSP8Vv0D3P/y+BBvZeAGkf4tTG8tQoxjh9hHeQHI6NtakHDkd3wByk2nWx3fvWRt/ozMOYMx4HrmxmeyIJMud8abdkR4qylQ9/4RXbHlXLoYRymRVjotiIZObh9JYUIRxGuYXye6KqqaPpWohXUX4MUl/hGKoaDtqKHY6NnIMFFsjXulL0AIyn8g2EV6EOlHMOzZZF0ItGDnJVJuQZGYZOJiQbPYQUUy82idpD0g20g29N5SGdRkQyDoS2ZjFC8adl2z8kSRj3onnSwAzGF0tHd7KIcmAyWA0Vi/lu2U6Gso5LvqWsVLasfnrvjKV4piTtFXCnsmSs/FNBqR0bRzpkPmz1MrymFp5HPiYduAy7k0OaPOOk5m+biHvpORBlZnRXgaGMyA4GP3TNoD/S+pnf/Zn+bf/9t9y5MiRr+h4IQS/+qu/yk/+5E/yute9jsOHD/N7v/d7uK7LH/3RHwHQ7Xb5rd/6LX7pl36Jl7zkJdx00038wR/8AceOHeNjH/vY1/Jy/s7Sv26v/AwokYb86YHDWms9NaCzGUUJoRoSJD7DcEjFrKAqKpZmEMUhbiyVJAXNwdILhBFsDlsMoxG6qhElMWahjKYUqIki/Z78A1sbtZh2JohFjBgJ3MTHxcfQLPZZO3mydY4wiqiVa4SB5Cs8cGWFtp/wBf1JdFUlSmJUL+Ts6qbsvg4DqgLOro74F/sXaHd6dLpDVBQura9QSxyOXd5An1LpdX1iARciwWrXp1NR6CkBi90Ip2FwYjPk4qbHI0nEYsvnL59wKRkasVtKuwFwbcPEVTQOFVUu9yN0oJIUUDSFT6+s0q25JEnC5d4aD6+uMOx7vHi6QH9osXbLEX75gx9nb93m3HLMbMnEMRSG/YDapM6cDjtKGp8412WHnnCoMc+mO+DRC23u3V3j1Mo6gyBB1xRurFpofsSkojHSBUU94bwbs8vWKEQmhqZwruVihTbBMKBZVfnQpSHXNkxWez53NEweWx+yOghpiJJMeA4i4lgwAs72fUxdZbjSx6pYJImgpGssrg6oWzqPXpR8oaMrAwxN5awCEwWd0cBnfRSxNPDxByG7qhY3Nh3OtF0ONR2GfZ/EC5krmUxpCu2Ox/VFm37P42DJoN3xmSoY2KHO5mjAZtvnqWgZTdV4YrNHVQi+sNTD0FQW1wbcNlfmmjSLqRjHVBHUEPzpl1Y4fqnHv76+iYVOMkpQPHj/D32e3XtUdFGGfbtRzAIkqeNt4EIcIoIEVAG6AT15t6wUy4j1DahXYKMrN6zhCIwM9KQclVIBuv3x5moa0B7IzcmPIEogljbtIolQwlRqIRJE10MxRiTrfdRmFSo2dAcIW0Vp9cGSG2Xc9tAaVZLNAYQCtWZDkJAMAuJLl1FLJknbg46HNmHnf+9qwYDeiHgUokQxalXa2YtEIJb6aI0CiRtA10etmNBzJQkYgZIAbiBdei1JDE3W+5Jjk4jUBXgAgwC1bJF0PBRHR+mlHI1CQXaHVloSVJQdSMd+JClosQwY+VAswCiEaAQJUu6bjUiGLmRrBiB8uaalAgSxVGFZFnQHYFng+yBCCEP5/6NIvh7Z88bpCE8mWhMm8vc0TEFCJv22My5TpjYy5DEAMSBSIKtoYyBRr8ifx5fZV90BVEvy/BUdOkP5/vHkiEokAqVclOeVAH4AaiTXI0aea+BCwUpfxwMzojfwr/o8/1rVUCT/ZFXQKL0p7vV6Vz1uWRaW9fSoo7I6f/48Kysr3HfffVedx913382DDz7I933f9/HII48QhuFVx8zNzXH48GEefPBBXvaylz2t55yXeBbX2bNnBbD9tf21/bX9tf31z/zr0qVLX5N9YjQaiZmZma/aeZZKpS977Gd+5me+auf7O7/zO6Jarf69x332s58VgLhy5cpVj3/P93yPuO+++4QQQvzhH/6hME3zy372pS99qfje7/3er8r5/mPqWd1xaTQaACwuLlKtVr/OZ/P1rV6vx86dO7l06RKVSuXrfTpf99pej3Ftr8W4ttfi6nomrIcQgn6/z9zc3Nfk+W3b5vz58wRB8Pcf/BWUEAJFUa567G/rtrz97W/nZ3/2Z//O53v44Ye59dZb/9Hn89fP5W86v79eX8kxX8t6VgMXNZ3TV6vV7Q+htCqVyvZabKnt9RjX9lqMa3strq6v93p8rW88bdvGtu2//8Cvcr3lLW/hW77lW/7OY3bv3v2Peu6ZmRkAVlZWmJ0dW3usra0xPT2dHxMEAe12m3q9ftUxz3/+8/9Rr/vVqGc1cNmu7dqu7dqu7XqmVrPZpNlsfk2ee8+ePczMzHD//fdz0003AVKZ9KlPfYr/8l/+CwC33HILhmFw//3384Y3vAGA5eVljh8/zi/8wi98Tc7rK6lt4LJd27Vd27Vd2/XPvBYXF2m1WiwuLhLHMUePHgVg//79lErS/PHgwYO8853v5Ju+6ZtQFIW3vvWtvOMd7+Caa67hmmuu4R3veAeO4/Bt3/ZtgOxkvelNb+LHfuzHmJiYoNFo8La3vY0jR47wkpe85Ot1qc9u4GJZFj/zMz/ztLO5n4m1vRZX1/Z6jGt7Lca1vRZX1/Z6PHPqp3/6p/m93/u9/P+zLsonPvEJ7rnnHgBOnTpFt9vNj/nxH/9xRqMRP/iDP0i73ea5z30uH/3oRymXy/kxv/Irv4Ku67zhDW9gNBrx4he/mN/93d9F07Sn58L+hlKE+BpryLZru7Zru7Zru7Zru75KtW1At13btV3btV3btV3/bGobuGzXdm3Xdm3Xdm3XP5vaBi7btV3btV3btV3b9c+mtoHLdm3Xdm3Xdm3Xdv2zqW3gsl3btV3btV3btV3/bOpZDVz+23/7b+zZswfbtrnlllv4zGc+8/U+pX9SvfOd7+S2226jXC4zNTXFa1/7Wk6dOnXVMUII3v72tzM3N0ehUOCee+7hiSeeuOoY3/f5oR/6IZrNJsVikW/8xm/k8uXLVx3Tbrd54xvfSLVapVqt8sY3vpFOp/O1vsR/dL3zne/MfQuyejatxZUrV/j2b/92JiYmcByHG2+8kUceeST//rNpLaIo4qd+6qfYs2cPhUKBvXv38h//438kSZL8mP9b1+PTn/40r371q5mbm0NRFN73vvdd9f2n87oXFxd59atfTbFYpNls8sM//MNfNVv97fq/vL5OGUlf93r3u98tDMMQv/mbvylOnDghfuRHfkQUi0Vx8eLFr/ep/aPrZS97mfid3/kdcfz4cXH06FHxyle+UiwsLIjBYJAf8/M///OiXC6L97znPeLYsWPim7/5m8Xs7Kzo9Xr5Md///d8v5ufnxf333y8effRRce+994rnPOc5Ioqi/Jhv+IZvEIcPHxYPPvigePDBB8Xhw4fFq171qqf1er/Seuihh8Tu3bvFDTfcIH7kR34kf/zZshatVkvs2rVLfNd3fZf4whe+IM6fPy8+9rGPiTNnzuTHPFvWQggh/vN//s9iYmJCfPCDHxTnz58Xf/ZnfyZKpZL41V/91fyY/1vX40Mf+pD4yZ/8SfGe97xHAOK9733vVd9/uq47iiJx+PBhce+994pHH31U3H///WJubk685S1v+ZqvwXb9869nLXC5/fbbxfd///df9djBgwfFv/t3/+7rdEZf/VpbWxOA+NSnPiWEECJJEjEzMyN+/ud/Pj/G8zxRrVbFf//v/10IIUSn0xGGYYh3v/vd+TFXrlwRqqqKD3/4w0IIIU6cOCEA8fnPfz4/5nOf+5wAxMmTJ5+OS/uKq9/vi2uuuUbcf//94u67786By7NpLX7iJ35C3HXXXX/r959NayGEEK985SvFd3/3d1/12Ote9zrx7d/+7UKIZ896/HXg8nRe94c+9CGhqupVycR//Md/LCzLEt1u92tyvdv1f089K0dFQRDwyCOPcN999131+H333ceDDz74dTqrr35lDolZCvb58+dZWVm56roty+Luu+/Or/uRRx4hDMOrjpmbm+Pw4cP5MZ/73OeoVqs897nPzY953vOeR7Vafcat35vf/GZe+cpXfpk99bNpLf78z/+cW2+9lde//vVMTU1x00038Zu/+Zv5959NawFw11138fGPf5ynnnoKgMcee4wHHniAV7ziFcCzbz2yejqv+3Of+xyHDx++KtH5ZS97Gb7vXzXC3K7t+pvqWWn5v7GxQRzHeQJmVtPT06ysrHydzuqrW0IIfvRHf5S77rqLw4cPA+TX9jdd98WLF/NjTNO8Kgk0Oyb7+ZWVFaampr7sNaempp5R6/fud7+bRx99lIcffvjLvvdsWotz587x67/+6/zoj/4o/+E//AceeughfviHfxjLsviO7/iOZ9VaAPzET/wE3W6XgwcPomkacRzzcz/3c3zrt34r8Ox6b2ytp/O6V1ZWvux16vU6pmk+I9dmu55Z9awELlkpinLV/wshvuyxf671lre8hccff5z/f3v375JcA8UB/LyPplmEEA63kkSnfg9dFwsacqw/oJByDgxtKIKGpn5MDUEEQbRY0OJQm0omBJKQClpDLWWDZIRYYGXgeYeXLq8V8by9PObtfj9wl3sPec8XkVN68ujo6N21r/T9tuaj+mrK7/r6mtxuN/n9/k+/jl4JWZRKJbJarbS4uEhE/3yHyenpKa2vr9P4+LhUp4QsiIh2d3fJ6/XSzs4OdXZ2UiKRII/HQ83NzeR0OqU6peTxVqX6lmM2UB0U+VaRwWAglUr1brLPZrPvfguQo8nJSdrb26NQKERGo1E6LwgCEdGnfQuCQMVikXK53Kc1Nzc37x739va2avI7OTmhbDZLoiiSWq0mtVpN4XCYVldXSa1WS/ephCyampqoo6Oj7Fx7ezul02kiUtbzgohoenqaZmdnaWRkhLq7u2lsbIympqZoaWmJiJSXx6tK9i0IwrvHyeVy9PLyUpXZQHVR5OCi0WhIFEUKBAJl5wOBAPX19X3TXf1/zEwul4t8Ph8dHByQ2Wwuu242m0kQhLK+i8UihcNhqW9RFKmmpqasJpPJUCqVkmpsNhvl83mKRqNSzfHxMeXz+arJz263UzKZpEQiIR1Wq5UcDgclEgmyWCyKyaK/v//dWvz5+TmZTCYiUtbzgoioUCjQr1/lL30qlUpah1ZaHq8q2bfNZqNUKkWZTEaq8fv9pNVqSRTFP9on/AAV/jBw1Xhdh97c3OSzszP2eDxcX1/Pl5eX331rXzYxMcF6vZ4PDw85k8lIR6FQkGqWl5dZr9ezz+fjZDLJo6OjH647Go1GDgaDHIvFeHBw8MN1x56eHo5EIhyJRLi7u7vq1l7f+vdWEbNysohGo6xWq3lhYYEvLi54e3ub6+rq2Ov1SjVKyYKZ2el0cktLi7QO7fP52GAw8MzMjFTzU/N4eHjgeDzO8XiciYhXVlY4Ho9L/waiUn2/rkPb7XaOxWIcDAbZaDRiHRp+i2IHF2bmtbU1NplMrNFouLe3V1oblisi+vDY2tqSakqlEs/Pz7MgCKzVanlgYICTyWTZz3l8fGSXy8WNjY2s0+l4eHiY0+l0Wc3d3R07HA5uaGjghoYGdjgcnMvlKtDl170dXJSUxf7+Pnd1dbFWq+W2tjbe2Ngou66kLO7v79ntdnNrayvX1tayxWLhubk5fn5+lmp+ah6hUOjD1win08nMle376uqKh4aGWKfTcWNjI7tcLn56evqT7cMP8Rcz8/f8rQcAAADgv1HkZ1wAAABAnjC4AAAAgGxgcAEAAADZwOACAAAAsoHBBQAAAGQDgwsAAADIBgYXAAAAkA0MLgAAACAbGFwAAABANjC4AAAAgGxgcAEAAADZ+BvQ4rF5Njzb1AAAAABJRU5ErkJggg==",
+      "text/plain": [
+       "<Figure size 640x480 with 2 Axes>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "asset_red_href = first_item.assets['red'].href  \n",
+    "asset_nir_href = first_item.assets['nir'].href \n",
+    "\n",
+    "# Open the red and NIR band files\n",
+    "with rasterio.open(asset_red_href) as red_src, rasterio.open(asset_nir_href) as nir_src:\n",
+    "\n",
+    "    meta = red_src.meta\n",
+    "\n",
+    "    # Create an empty array to store the NDVI values\n",
+    "    ndvi = np.zeros(red_src.shape, dtype=np.float32)\n",
+    "\n",
+    "    # Define the window size (e.g., 512x512 chunks)\n",
+    "    window_size = 512\n",
+    "\n",
+    "    for ji, window in red_src.block_windows(1):\n",
+    "        red = red_src.read(1, window=window).astype(float)\n",
+    "        nir = nir_src.read(1, window=window).astype(float)\n",
+    "\n",
+    "        # Compute NDVI for the window\n",
+    "        ndvi_window = (nir - red) / (nir + red + 1e-6)  # Add small value to avoid division by zero\n",
+    "\n",
+    "        # Store the computed NDVI for the current window\n",
+    "        ndvi[window.row_off:window.row_off + window.height, window.col_off:window.col_off + window.width] = ndvi_window\n",
+    "\n",
+    "    # Plot the result\n",
+    "    plt.imshow(ndvi, cmap='RdYlGn')\n",
+    "    plt.colorbar(label='NDVI')\n",
+    "    plt.title('NDVI Image (Windowed Processing)')\n",
+    "    plt.show()\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "605bb423-2d7d-4c8d-ad69-bc363d7e05da",
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "cubes-and-clouds-cubes-and-clouds2",
+   "language": "python",
+   "name": "conda-env-cubes-and-clouds-cubes-and-clouds2-py"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.11.8"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}